@geowiki/design-system 0.16.20 → 0.16.22

package/dist/index.mjs

@@ -2098,26 +2098,33 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 // src/components/ui/switch.tsx
 import * as React26 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs13 } from "react/jsx-runtime";
 var Switch = React26.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  var _b = _a, { className, activeLabel, labels } = _b, props = __objRest(_b, ["className", "activeLabel", "labels"]);
+  return /* @__PURE__ */ jsxs13(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
-        "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        `group relative peer inline-flex ${labels && labels.length > 0 ? `h-12 w-48` : `h-[24px] w-[44px]`} shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 ${activeLabel || labels && labels.length > 1 ? "bg-primary" : "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"}`,
         className
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ jsx29(
-        SwitchPrimitives.Thumb,
-        {
-          className: cn(
-            "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
+      children: [
+        activeLabel && labels && labels.length > 0 ? /* @__PURE__ */ jsxs13("div", { className: "absolute inset-0 flex items-center justify-between px-4 z-10 pointer-events-none", children: [
+          /* @__PURE__ */ jsx29("span", { className: "w-16 text-center text-[15px] select-none transition-colors duration-200\n        group-data-[state=checked]:text-primary group-data-[state=unchecked]:text-secondary\n        group-data-[state=checked]:font-semibold group-data-[state=unchecked]:font-normal", children: labels[0] }),
+          /* @__PURE__ */ jsx29("span", { className: "w-16 text-center text-[15px] select-none transition-colors duration-200\n        group-data-[state=unchecked]:text-primary group-data-[state=checked]:text-secondary\n        group-data-[state=unchecked]:font-semibold group-data-[state=checked]:font-normal", children: labels[1] })
+        ] }) : null,
+        /* @__PURE__ */ jsx29(
+          SwitchPrimitives.Thumb,
+          {
+            className: cn(
+              `pointer-events-none relative block z-0 ${activeLabel && labels && labels.length > 1 ? `h-10 w-24 translate-x-[92px] group-data-[state=checked]:translate-x-1
+          bg-secondary` : `h-5 w-5 bg-background data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0`} rounded-full shadow-lg ring-0 transition-transform duration-300`
+            )
+          }
+        )
+      ]
     })
   );
 });
@@ -2528,14 +2535,14 @@ function useToast() {
 }
 
 // src/components/ui/toaster.tsx
-import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs13(ToastProvider, { children: [
+  return /* @__PURE__ */ jsxs14(ToastProvider, { children: [
     toasts.map(function(_a) {
       var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
-      return /* @__PURE__ */ jsxs13(Toast, __spreadProps(__spreadValues({}, props), { children: [
-        /* @__PURE__ */ jsxs13("div", { className: "grid gap-1", children: [
+      return /* @__PURE__ */ jsxs14(Toast, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ jsxs14("div", { className: "grid gap-1", children: [
           title && /* @__PURE__ */ jsx36(ToastTitle, { children: title }),
           description && /* @__PURE__ */ jsx36(ToastDescription, { children: description })
         ] }),
@@ -3281,9 +3288,9 @@ var GlobeIcon = (_a) => {
 };
 
 // src/components/Icons/MapIcons/Download.tsx
-import { jsx as jsx68, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs15 } from "react/jsx-runtime";
 var DownloadIcon = () => {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     {
       width: "40",
@@ -3306,10 +3313,10 @@ var DownloadIcon = () => {
 };
 
 // src/components/Icons/MapIcons/FarmerClusterPin.tsx
-import { jsx as jsx69, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs16 } from "react/jsx-runtime";
 var FarmerClusterPin = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "svg",
     __spreadProps(__spreadValues({}, props), {
       width: 40,
@@ -3356,10 +3363,10 @@ var Hexagon = (_a) => {
 };
 
 // src/components/Icons/MapIcons/ObservationPin.tsx
-import { jsx as jsx71, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs17 } from "react/jsx-runtime";
 var ObservationPin = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "svg",
     __spreadProps(__spreadValues({}, props), {
       width: 40,
@@ -3396,9 +3403,9 @@ var IconPaths = [
 ];
 
 // src/components/Icons/MapIcons/Legend.tsx
-import { jsx as jsx72, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs18 } from "react/jsx-runtime";
 var MapLegendIcon = () => {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "svg",
     {
       width: "40",
@@ -3456,9 +3463,9 @@ var MapLegendIcon = () => {
 };
 
 // src/components/Icons/MapIcons/LocationIcon.tsx
-import { jsx as jsx73, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs19 } from "react/jsx-runtime";
 var LocationIcon = ({ Icon: Icon4, color }) => {
-  return /* @__PURE__ */ jsxs18("div", { className: "relative w-10 h-10 flex items-center justify-center", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: "relative w-10 h-10 flex items-center justify-center", children: [
     /* @__PURE__ */ jsx73(
       "svg",
       {
@@ -3493,9 +3500,9 @@ var LocationIcon = ({ Icon: Icon4, color }) => {
 };
 
 // src/components/Icons/MapIcons/MapIcon.tsx
-import { jsx as jsx74, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs20 } from "react/jsx-runtime";
 var MapIcon = ({ Icon: Icon4, color }) => {
-  return /* @__PURE__ */ jsxs19("div", { className: "relative w-10 h-10 flex items-center justify-center", children: [
+  return /* @__PURE__ */ jsxs20("div", { className: "relative w-10 h-10 flex items-center justify-center", children: [
     /* @__PURE__ */ jsx74(
       "svg",
       {
@@ -3553,9 +3560,9 @@ var Microscope = (_a) => {
 };
 
 // src/components/Icons/MapIcons/Overlay.tsx
-import { jsx as jsx76, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs21 } from "react/jsx-runtime";
 var OverlayIcon = () => {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       width: "40",
@@ -3612,7 +3619,7 @@ import {
   ChevronDoubleLeftIcon,
   ChevronDoubleRightIcon
 } from "@heroicons/react/24/solid";
-import { jsx as jsx78, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs22 } from "react/jsx-runtime";
 var Pagination = ({
   pageCount,
   table
@@ -3637,7 +3644,7 @@ var Pagination = ({
       v4()
     );
   };
-  return /* @__PURE__ */ jsxs21("section", { className: "pagination flex items-center space-x-1", children: [
+  return /* @__PURE__ */ jsxs22("section", { className: "pagination flex items-center space-x-1", children: [
     /* @__PURE__ */ jsx78(
       Button,
       {
@@ -3664,7 +3671,7 @@ var Pagination = ({
         children: /* @__PURE__ */ jsx78(ChevronLeftIcon2, { width: 24, height: 24 })
       }
     ),
-    /* @__PURE__ */ jsxs21("div", { className: "block pr-2 pl-2 lg:hidden", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "block pr-2 pl-2 lg:hidden", children: [
       table.getState().pagination.pageIndex,
       " / ",
       pageCount
@@ -3704,7 +3711,7 @@ var Pagination = ({
 };
 
 // src/components/Shared/CustomTable.tsx
-import { jsx as jsx79, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs23 } from "react/jsx-runtime";
 var TableView = ({
   table,
   totalCount,
@@ -3757,13 +3764,13 @@ var TableView = ({
     return /* @__PURE__ */ jsx79("section", { className: "p-3 flex justify-center", children: /* @__PURE__ */ jsx79("h3", { className: "leading-3 text-base-content", children: "No Records Found" }) });
   }
   const pageCount = Math.ceil(totalCount / pageSize);
-  return /* @__PURE__ */ jsxs22("section", { children: [
-    /* @__PURE__ */ jsx79("section", { className: "overflow-auto", children: /* @__PURE__ */ jsxs22("table", { className: "w-full divide-y text-left divide-base-200 table-auto sm:overflow-x-auto lg:table-fixed text-base-content", children: [
+  return /* @__PURE__ */ jsxs23("section", { children: [
+    /* @__PURE__ */ jsx79("section", { className: "overflow-auto", children: /* @__PURE__ */ jsxs23("table", { className: "w-full divide-y text-left divide-base-200 table-auto sm:overflow-x-auto lg:table-fixed text-base-content", children: [
       /* @__PURE__ */ jsx79("thead", { children: renderHeader() }),
       /* @__PURE__ */ jsx79("tbody", { children: renderBody() })
     ] }) }),
-    /* @__PURE__ */ jsxs22("div", { className: "border-t  p-5 flex flex-col lg:items-center lg:flex-row", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex-grow text-base-content pb-2", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "border-t  p-5 flex flex-col lg:items-center lg:flex-row", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex-grow text-base-content pb-2", children: [
         totalCount,
         " total"
       ] }),
@@ -3853,12 +3860,12 @@ var Label6 = forwardRef33((_a, ref) => {
 Label6.displayName = LabelPrimitive2.Root.displayName;
 
 // src/components/Shared/Input.tsx
-import { jsx as jsx84, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs24 } from "react/jsx-runtime";
 var Input2 = forwardRef34(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     const { label, errMessage, id } = props;
-    return /* @__PURE__ */ jsxs23("section", { className: "grid w-full items-center gap-1.5", children: [
+    return /* @__PURE__ */ jsxs24("section", { className: "grid w-full items-center gap-1.5", children: [
       label && /* @__PURE__ */ jsx84(Label6, { htmlFor: id, className: "text-primary", children: label }),
       /* @__PURE__ */ jsx84(
         "input",
@@ -3924,12 +3931,12 @@ import * as DropdownMenuPrimitive2 from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon as ChevronRightIcon3 } from "lucide-react";
 import React34 from "react";
 import { DotFilledIcon } from "@radix-ui/react-icons";
-import { jsx as jsx86, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs25 } from "react/jsx-runtime";
 var DropdownMenu2 = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger2 = DropdownMenuPrimitive2.Trigger;
 var DropdownMenuSubTrigger2 = React34.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     DropdownMenuPrimitive2.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -3994,7 +4001,7 @@ var DropdownMenuItem2 = React34.forwardRef((_a, ref) => {
 DropdownMenuItem2.displayName = DropdownMenuPrimitive2.Item.displayName;
 var DropdownMenuCheckboxItem2 = React34.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     DropdownMenuPrimitive2.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -4014,7 +4021,7 @@ var DropdownMenuCheckboxItem2 = React34.forwardRef((_a, ref) => {
 DropdownMenuCheckboxItem2.displayName = DropdownMenuPrimitive2.CheckboxItem.displayName;
 var DropdownMenuRadioItem2 = React34.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     DropdownMenuPrimitive2.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -4073,7 +4080,7 @@ var DropdownMenuShortcut2 = (_a) => {
 DropdownMenuShortcut2.displayName = "DropdownMenuShortcut";
 
 // src/components/Shared/ThemeChanger.tsx
-import { jsx as jsx87, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs26 } from "react/jsx-runtime";
 var themes = ["light", "dark", "cupcake", "dracula"];
 var ThemeSwitcher = () => {
   const [currTheme, setCurrTheme] = useState4("");
@@ -4093,8 +4100,8 @@ var ThemeSwitcher = () => {
     if (selectedTheme === null) return "light";
     return selectedTheme;
   };
-  return /* @__PURE__ */ jsxs25(DropdownMenu2, { children: [
-    /* @__PURE__ */ jsx87(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx87(Button, { size: "sm", variant: "default", className: "w-[6rem]", children: /* @__PURE__ */ jsxs25("span", { className: "w-full inline-flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs26(DropdownMenu2, { children: [
+    /* @__PURE__ */ jsx87(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx87(Button, { size: "sm", variant: "default", className: "w-[6rem]", children: /* @__PURE__ */ jsxs26("span", { className: "w-full inline-flex items-center justify-between", children: [
       /* @__PURE__ */ jsx87(Palette, { width: 16, height: 16 }),
       /* @__PURE__ */ jsx87("span", { className: "capitalize", children: "Theme" })
     ] }) }) }),
@@ -4103,7 +4110,7 @@ var ThemeSwitcher = () => {
       {
         variant: t === currTheme ? "default" : "secondary",
         onClick: () => updateThemeSettings(t),
-        children: /* @__PURE__ */ jsxs25("span", { className: "w-full inline-flex items-center justify-between", children: [
+        children: /* @__PURE__ */ jsxs26("span", { className: "w-full inline-flex items-center justify-between", children: [
           t === currTheme ? /* @__PURE__ */ jsx87(Check6, { width: 16, height: 16 }) : /* @__PURE__ */ jsx87(BoxSelect, { width: 16, height: 16 }),
           /* @__PURE__ */ jsx87("span", { className: "capitalize", children: t })
         ] })
@@ -4115,14 +4122,14 @@ var ThemeChanger_default = ThemeSwitcher;
 
 // src/components/Input/Input.tsx
 import classNames from "classnames";
-import { jsx as jsx88, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs27 } from "react/jsx-runtime";
 var OldCustomInput = (props) => {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: props.cssClass !== null && props.cssClass !== void 0 ? props.cssClass : "",
       children: [
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs27(
           "label",
           {
             htmlFor: props.name,
@@ -4161,7 +4168,7 @@ var OldCustomInput = (props) => {
             )
           })
         ),
-        props.errors && /* @__PURE__ */ jsxs26("span", { className: "text-red-500", children: [
+        props.errors && /* @__PURE__ */ jsxs27("span", { className: "text-red-500", children: [
           props.displayText,
           " is required"
         ] })
@@ -4173,7 +4180,7 @@ var OldCustomInput = (props) => {
 // src/components/Input/MultiSelect.tsx
 import { Controller as Controller2 } from "react-hook-form";
 import Select2 from "react-select";
-import { jsx as jsx89, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs28 } from "react/jsx-runtime";
 var MultiSelect = (props) => {
   const customStyles = {
     input: (base) => __spreadProps(__spreadValues({}, base), {
@@ -4182,7 +4189,7 @@ var MultiSelect = (props) => {
       }
     })
   };
-  return /* @__PURE__ */ jsxs27("div", { children: [
+  return /* @__PURE__ */ jsxs28("div", { children: [
     /* @__PURE__ */ jsx89(
       Controller2,
       {
@@ -4217,7 +4224,7 @@ var MultiSelect = (props) => {
         }
       }
     ),
-    props.errors && /* @__PURE__ */ jsxs27("span", { className: "text-red-500", children: [
+    props.errors && /* @__PURE__ */ jsxs28("span", { className: "text-red-500", children: [
       props.displayText,
       " is required"
     ] })
@@ -4226,11 +4233,11 @@ var MultiSelect = (props) => {
 
 // src/components/Input/TextArea.tsx
 import classNames2 from "classnames";
-import { jsx as jsx90, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs29 } from "react/jsx-runtime";
 var TextArea = (props) => {
   var _a;
-  return /* @__PURE__ */ jsxs28("div", { children: [
-    props.displayText && /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29("div", { children: [
+    props.displayText && /* @__PURE__ */ jsxs29(
       "label",
       {
         htmlFor: props.name,
@@ -4266,7 +4273,7 @@ var TextArea = (props) => {
         )
       })
     ),
-    props.errors && /* @__PURE__ */ jsxs28("span", { className: "text-red-500", children: [
+    props.errors && /* @__PURE__ */ jsxs29("span", { className: "text-red-500", children: [
       props.displayText,
       " is required"
     ] })
@@ -4869,9 +4876,9 @@ var Body12 = forwardRef35(
 Body12.displayName = "Body12";
 
 // src/components/DesignElements/AboutInfoItem.tsx
-import { jsx as jsx95, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs30 } from "react/jsx-runtime";
 var AboutInfoItem = ({ title, description }) => {
-  return description ? /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsxs29("div", { className: "text-grey space-y-4", children: [
+  return description ? /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsxs30("div", { className: "text-grey space-y-4", children: [
     /* @__PURE__ */ jsx95(Caption, { children: title }),
     /* @__PURE__ */ jsx95(Body18, { children: description })
   ] }) }) : null;
@@ -4881,7 +4888,7 @@ var AboutInfoItem = ({ title, description }) => {
 import * as React35 from "react";
 import { ChevronRightIcon as ChevronRightIcon4, DotsHorizontalIcon } from "@radix-ui/react-icons";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { jsx as jsx96, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs31 } from "react/jsx-runtime";
 var Breadcrumb = React35.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx96("nav", __spreadValues({ ref, "aria-label": "breadcrumb" }, props));
@@ -4964,7 +4971,7 @@ var BreadcrumbEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "span",
     __spreadProps(__spreadValues({
       role: "presentation",
@@ -4984,7 +4991,7 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import React36 from "react";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx97, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs32 } from "react/jsx-runtime";
 var designButtonVariants = cva9(
   "rounded-full flex-col items-center justify-center disabled:pointer-events-none leading-normal",
   {
@@ -5040,7 +5047,7 @@ var DesignButton = React36.forwardRef(
         }),
         disabled
       }, props), {
-        children: /* @__PURE__ */ jsxs31(
+        children: /* @__PURE__ */ jsxs32(
           "div",
           {
             className: "flex items-center justify-center",
@@ -5048,7 +5055,7 @@ var DesignButton = React36.forwardRef(
             children: [
               icon && /* @__PURE__ */ jsx97("div", { className: "pr-[10px]", children: icon }),
               children,
-              (variant === "externalLink" || variant === "internalLink") && /* @__PURE__ */ jsx97("div", { className: "pl-2", children: /* @__PURE__ */ jsxs31(
+              (variant === "externalLink" || variant === "internalLink") && /* @__PURE__ */ jsx97("div", { className: "pl-2", children: /* @__PURE__ */ jsxs32(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -5076,7 +5083,7 @@ DesignButton.displayName = "DesignButton";
 import * as React37 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ChevronLeft, ChevronRight as ChevronRight4 } from "lucide-react";
-import { jsx as jsx98, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs33 } from "react/jsx-runtime";
 var CarouselContext = React37.createContext(null);
 function useCarousel() {
   const context = React37.useContext(CarouselContext);
@@ -5223,7 +5230,7 @@ CarouselItem.displayName = "CarouselItem";
 var CarouselPrevious = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5247,7 +5254,7 @@ var CarouselNext = React37.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsxs33(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -5300,24 +5307,24 @@ Checkbox2.displayName = CheckboxPrimitive2.Root.displayName;
 // src/components/DesignElements/cookies.tsx
 import { useState as useState6 } from "react";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx100, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs34 } from "react/jsx-runtime";
 var Cookies = ({ handleAccept, handleDecline }) => {
   const [isOpen, setIsOpen] = useState6(true);
   const handleClose = () => {
     setIsOpen(false);
   };
-  return isOpen ? /* @__PURE__ */ jsxs33(
+  return isOpen ? /* @__PURE__ */ jsxs34(
     "div",
     {
       className: "w-full max-w-[27rem] h-auto relative bg-accent-secondary rounded-xl p-6",
       "data-component": "Cookies",
       children: [
-        /* @__PURE__ */ jsxs33("div", { className: "flex justify-between items-start", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "flex justify-between items-start", children: [
           /* @__PURE__ */ jsx100(Body20m, { className: "pb-2", children: "Cookie Settings" }),
           /* @__PURE__ */ jsx100("button", { type: "button", onClick: handleClose, children: /* @__PURE__ */ jsx100(XIcon2, { className: "h-4 w-4 lg:h-6 lg:w-6", "aria-hidden": "true" }) })
         ] }),
         /* @__PURE__ */ jsx100(Body16, { className: " text-grey", children: "Recodo uses cookies that are required for the functionality of the website and performance cookies, that are used to collect information about how our website is used." }),
-        /* @__PURE__ */ jsxs33("div", { className: "pt-4 space-x-2", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "pt-4 space-x-2", children: [
           /* @__PURE__ */ jsx100(
             DesignButton,
             {
@@ -5344,9 +5351,9 @@ var Cookies = ({ handleAccept, handleDecline }) => {
 };
 
 // src/components/DesignElements/country.tsx
-import { jsx as jsx101, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs35 } from "react/jsx-runtime";
 var CountryItem = ({ country }) => {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: "flex justify-start items-center gap-1",
@@ -5371,9 +5378,9 @@ var CountryItem = ({ country }) => {
 };
 
 // src/components/DesignElements/infobox.tsx
-import { jsx as jsx102, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs36 } from "react/jsx-runtime";
 var InfoBox = ({ title, text }) => {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: "w-96 px-4 py-3 rounded-2xl shadow-lg justify-start items-start gap-2 inline-flex",
@@ -5390,7 +5397,7 @@ var InfoBox = ({ title, text }) => {
             children: /* @__PURE__ */ jsx102("path", { d: "M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12.75 16.5C12.75 16.914 12.414 17.25 12 17.25C11.586 17.25 11.25 16.914 11.25 16.5V11.929C11.25 11.515 11.586 11.179 12 11.179C12.414 11.179 12.75 11.515 12.75 11.929V16.5ZM12.02 9.5C11.468 9.5 11.0149 9.052 11.0149 8.5C11.0149 7.948 11.458 7.5 12.01 7.5H12.02C12.573 7.5 13.02 7.948 13.02 8.5C13.02 9.052 12.572 9.5 12.02 9.5Z" })
           }
         ) }),
-        /* @__PURE__ */ jsxs35("div", { className: "flex-col justify-start items-start gap-2 inline-flex", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "flex-col justify-start items-start gap-2 inline-flex", children: [
           /* @__PURE__ */ jsx102("div", { className: "text-sm font-medium ", children: title }),
           /* @__PURE__ */ jsx102("div", { className: "text-neutral-500 text-sm font-normal ", children: text })
         ] })
@@ -5402,7 +5409,7 @@ var InfoBox = ({ title, text }) => {
 // src/components/DesignElements/input.tsx
 import * as React39 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx103, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs37 } from "react/jsx-runtime";
 var designInputVariants = cva10(
   "peer block bg-transparent w-full border-0 py-1.5 mx-0 px-0 focus:ring-0 text-sm sm:leading-6 lg:text-base",
   {
@@ -5421,7 +5428,7 @@ var designInputVariants = cva10(
 var DesignInput = React39.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type, variant } = _b, props = __objRest(_b, ["className", "type", "variant"]);
-    return /* @__PURE__ */ jsxs36("div", { className: "relative", children: [
+    return /* @__PURE__ */ jsxs37("div", { className: "relative", children: [
       /* @__PURE__ */ jsx103(
         "input",
         __spreadValues({
@@ -5443,16 +5450,16 @@ var DesignInput = React39.forwardRef(
 DesignInput.displayName = "DesignInput";
 
 // src/components/DesignElements/KeyInfoItem.tsx
-import { jsx as jsx104, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs38 } from "react/jsx-runtime";
 var KeyInfoItem = ({ label, value }) => {
-  return /* @__PURE__ */ jsxs37("div", { className: "w-[41.25rem] flex justify-between gap-5 items-start py-4 border-0 border-b border-grey-light max-md:flex-wrap max-md:max-w-full lg:py-6", children: [
+  return /* @__PURE__ */ jsxs38("div", { className: "w-[41.25rem] flex justify-between gap-5 items-start py-4 border-0 border-b border-grey-light max-md:flex-wrap max-md:max-w-full lg:py-6", children: [
     /* @__PURE__ */ jsx104(Body18, { className: "text-grey", children: label }),
     /* @__PURE__ */ jsx104(Body18m, { className: "text-grey-dark", children: value })
   ] });
 };
 
 // src/components/DesignElements/LastUpdatedTag.tsx
-import { jsx as jsx105, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs39 } from "react/jsx-runtime";
 var LastUpdatedTag = ({ date }) => {
   function formatDate(input) {
     const date2 = new Date(input);
@@ -5466,7 +5473,7 @@ var LastUpdatedTag = ({ date }) => {
     {
       className: "h-8 px-4 py-2 bg-grey-lightest text-grey rounded-3xl justify-center items-center inline-flex",
       "data-component": "LastUpdatedTag",
-      children: /* @__PURE__ */ jsxs38(Body14, { children: [
+      children: /* @__PURE__ */ jsxs39(Body14, { children: [
         /* @__PURE__ */ jsx105("span", { children: "Last updated " }),
         formatDate(date)
       ] })
@@ -5475,10 +5482,10 @@ var LastUpdatedTag = ({ date }) => {
 };
 
 // src/components/DesignElements/NoResults.tsx
-import { jsx as jsx106, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs40 } from "react/jsx-runtime";
 var NoResults = () => {
-  return /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center max-w-[90rem]", children: [
-    /* @__PURE__ */ jsx106("div", { className: "flex justify-center items-center px-14 w-40 h-40 bg-accent-light-purple rounded-full max-md:px-5", children: /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40("div", { className: "flex flex-col items-center max-w-[90rem]", children: [
+    /* @__PURE__ */ jsx106("div", { className: "flex justify-center items-center px-14 w-40 h-40 bg-accent-light-purple rounded-full max-md:px-5", children: /* @__PURE__ */ jsxs40(
       "svg",
       {
         width: "56",
@@ -5542,7 +5549,7 @@ DesignRadioGroupItem.displayName = RadioGroupPrimitive2.Item.displayName;
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx108, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs41 } from "react/jsx-runtime";
 var DesignSelect = SelectPrimitive2.Root;
 var DesignSelectGroup = SelectPrimitive2.Group;
 var DesignSelectValue = SelectPrimitive2.Value;
@@ -5572,7 +5579,7 @@ var DesignSelectTrigger = (_a) => {
     "variant",
     "ref"
   ]);
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     SelectPrimitive2.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -5751,13 +5758,13 @@ DesignSwitch.displayName = SwitchPrimitives2.Root.displayName;
 // src/components/DesignElements/tag.tsx
 import { useState as useState7 } from "react";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx111, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs42 } from "react/jsx-runtime";
 var DesignResultTag = ({ tag, name }) => {
   const [isOpen, setIsOpen] = useState7(true);
   const handleClose = () => {
     setIsOpen(false);
   };
-  return isOpen ? /* @__PURE__ */ jsxs41(
+  return isOpen ? /* @__PURE__ */ jsxs42(
     "div",
     {
       className: "px-[10px] py-2 justify-center items-center gap-1 inline-flex rounded-full border border-zinc-300",
@@ -5807,7 +5814,7 @@ var ResourceTag = ({ tag, type }) => {
 import { Dialog as Dialog2, Transition } from "@headlessui/react";
 import { Fragment as Fragment2 } from "react";
 import { XMarkIcon } from "@heroicons/react/24/outline";
-import { jsx as jsx113, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs43 } from "react/jsx-runtime";
 var Notification = ({
   title,
   description,
@@ -5815,7 +5822,7 @@ var Notification = ({
   setOpen,
   icon
 }) => {
-  return /* @__PURE__ */ jsx113(Transition.Root, { show: open, as: Fragment2, "data-component": "Notification", children: /* @__PURE__ */ jsxs42(Dialog2, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+  return /* @__PURE__ */ jsx113(Transition.Root, { show: open, as: Fragment2, "data-component": "Notification", children: /* @__PURE__ */ jsxs43(Dialog2, { as: "div", className: "relative z-10", onClose: setOpen, children: [
     /* @__PURE__ */ jsx113(
       Transition.Child,
       {
@@ -5839,8 +5846,8 @@ var Notification = ({
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
         leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-        children: /* @__PURE__ */ jsxs42(Dialog2.Panel, { className: "relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all py-8 max-w-4xl w-full p-10", children: [
-          /* @__PURE__ */ jsx113("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ jsxs42(
+        children: /* @__PURE__ */ jsxs43(Dialog2.Panel, { className: "relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all py-8 max-w-4xl w-full p-10", children: [
+          /* @__PURE__ */ jsx113("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ jsxs43(
             "button",
             {
               type: "button",
@@ -5852,7 +5859,7 @@ var Notification = ({
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs42("div", { className: "flex flex-col items-center text-center max-w-[90rem]", children: [
+          /* @__PURE__ */ jsxs43("div", { className: "flex flex-col items-center text-center max-w-[90rem]", children: [
             /* @__PURE__ */ jsx113("div", { className: "flex justify-center items-center px-14 w-40 h-40 bg-accent-light-purple rounded-full max-md:px-5", children: icon === "computer" ? /* @__PURE__ */ jsx113(
               "svg",
               {
@@ -5919,9 +5926,9 @@ var SimpleLink = ({ link }) => {
 
 // src/components/DesignElements/TagsGroup.tsx
 import { v4 as v42 } from "uuid";
-import { jsx as jsx115, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs44 } from "react/jsx-runtime";
 var TagsGroup = ({ label, tags, variant }) => {
-  return /* @__PURE__ */ jsx115("div", { children: tags && (tags == null ? void 0 : tags.length) > 0 && /* @__PURE__ */ jsxs43("div", { className: "w-[41.25rem] items-start max-md:flex-wrap max-md:max-w-full", children: [
+  return /* @__PURE__ */ jsx115("div", { children: tags && (tags == null ? void 0 : tags.length) > 0 && /* @__PURE__ */ jsxs44("div", { className: "w-[41.25rem] items-start max-md:flex-wrap max-md:max-w-full", children: [
     /* @__PURE__ */ jsx115(Caption, { className: "text-grey", children: label }),
     /* @__PURE__ */ jsx115("div", { className: "pt-2 flex flex-wrap gap-1 lg:pt-4", children: tags == null ? void 0 : tags.map((tag) => /* @__PURE__ */ jsx115(DesignSimpleTag, { tag, variant }, v42())) })
   ] }) });
@@ -5960,9 +5967,9 @@ var TestWeight = ({ text, variant, className }) => {
 };
 
 // src/components/DesignElements/ThreeColumn.tsx
-import { jsx as jsx117, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs45 } from "react/jsx-runtime";
 var ThreeColumn = ({ tag, content, TagClassName }) => {
-  return /* @__PURE__ */ jsxs44("div", { className: "lg:container mx-auto lg:flex lg:gap-5 lg:justify-between lg:pr-20 lg:pt-20 w-full", children: [
+  return /* @__PURE__ */ jsxs45("div", { className: "lg:container mx-auto lg:flex lg:gap-5 lg:justify-between lg:pr-20 lg:pt-20 w-full", children: [
     /* @__PURE__ */ jsx117(Body18, { className: `pt-5 lg:w-[15%] lg:pt-0 ${TagClassName}`, children: tag }),
     /* @__PURE__ */ jsx117("div", { className: "lg:w-[50%] max-md:max-w-[41.25rem]", children: content }),
     /* @__PURE__ */ jsx117("div", { className: "lg:w-[15%]" })
@@ -5971,7 +5978,7 @@ var ThreeColumn = ({ tag, content, TagClassName }) => {
 
 // src/components/DesignElements/VersionDisplay.tsx
 import { useEffect as useEffect6, useState as useState8 } from "react";
-import { jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsxs as jsxs46 } from "react/jsx-runtime";
 var VersionDisplay = () => {
   const [version, setVersion] = useState8();
   useEffect6(() => {
@@ -5981,7 +5988,7 @@ var VersionDisplay = () => {
     }).then((data) => setVersion(data.version)).catch(() => setVersion(void 0));
   }, []);
   if (!version) return null;
-  return /* @__PURE__ */ jsxs45("div", { className: "text-grey text-sm lg:text-base font-normal leading-[130%]", children: [
+  return /* @__PURE__ */ jsxs46("div", { className: "text-grey text-sm lg:text-base font-normal leading-[130%]", children: [
     "Version: ",
     version
   ] });
@@ -6064,7 +6071,7 @@ var ImageElement = ({
 };
 
 // src/components/DesignElements/header.tsx
-import { Fragment as Fragment3, jsx as jsx119, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx119, jsxs as jsxs47 } from "react/jsx-runtime";
 var DesignHeader = ({
   branding,
   mainMenu,
@@ -6088,19 +6095,19 @@ var DesignHeader = ({
   if (rootUrl) {
     rootPath = rootUrl != null ? rootUrl : "/";
   }
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47(
     "header",
     {
       "data-component": "DesignHeader",
       className: hasStickyNavBar ? "fixed w-full bg-white" : "lg:container mx-auto",
       children: [
-        /* @__PURE__ */ jsx119("div", { children: /* @__PURE__ */ jsxs46(
+        /* @__PURE__ */ jsx119("div", { children: /* @__PURE__ */ jsxs47(
           "nav",
           {
             className: "flex items-center justify-between p-4 lg:px-12 min-h-12",
             "aria-label": "Global",
             children: [
-              /* @__PURE__ */ jsx119("div", { className: "hidden lg:flex lg:flex-1 md:flex md:flex-1", children: /* @__PURE__ */ jsxs46(Link3, { href: rootPath, className: "-m-1.5 min-h-16", children: [
+              /* @__PURE__ */ jsx119("div", { className: "hidden lg:flex lg:flex-1 md:flex md:flex-1", children: /* @__PURE__ */ jsxs47(Link3, { href: rootPath, className: "-m-1.5 min-h-16", children: [
                 /* @__PURE__ */ jsx119("span", { className: "sr-only", style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)" }, children: branding.title }),
                 /* @__PURE__ */ jsx119(
                   ImageElement,
@@ -6114,8 +6121,8 @@ var DesignHeader = ({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx119("div", { className: "flex lg:hidden md:hidden w-full", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between w-full", children: [
-                /* @__PURE__ */ jsxs46(Link3, { href: rootPath, className: "flex-shrink-0", children: [
+              /* @__PURE__ */ jsx119("div", { className: "flex lg:hidden md:hidden w-full", children: /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between w-full", children: [
+                /* @__PURE__ */ jsxs47(Link3, { href: rootPath, className: "flex-shrink-0", children: [
                   /* @__PURE__ */ jsx119("span", { className: "sr-only", style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)" }, children: branding.title }),
                   /* @__PURE__ */ jsx119(
                     ImageElement,
@@ -6128,7 +6135,7 @@ var DesignHeader = ({
                     }
                   )
                 ] }),
-                mobile_menu_color == "light" && /* @__PURE__ */ jsxs46(
+                mobile_menu_color == "light" && /* @__PURE__ */ jsxs47(
                   "button",
                   {
                     type: "button",
@@ -6146,7 +6153,7 @@ var DesignHeader = ({
                     ]
                   }
                 ),
-                mobile_menu_color == "dark" && /* @__PURE__ */ jsxs46(
+                mobile_menu_color == "dark" && /* @__PURE__ */ jsxs47(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -6164,8 +6171,8 @@ var DesignHeader = ({
                 )
               ] }) }),
               /* @__PURE__ */ jsx119(Popover2.Group, { className: "hidden lg:flex lg:items-center lg:gap-x-6  grid-cols-1 flex items-center gap-6 text-base font-medium", children: mainMenu.map(
-                (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs46(Popover2, { children: [
-                  /* @__PURE__ */ jsxs46(Popover2.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
+                (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs47(Popover2, { children: [
+                  /* @__PURE__ */ jsxs47(Popover2.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
                     menuItem.text,
                     /* @__PURE__ */ jsx119(
                       ChevronDownIcon,
@@ -6201,8 +6208,8 @@ var DesignHeader = ({
                   }
                 ) }, menuItem.text)
               ) }),
-              /* @__PURE__ */ jsx119("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end gap-8", children: canLogin && /* @__PURE__ */ jsxs46(Fragment3, { children: [
-                sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs46(Fragment3, { children: [
+              /* @__PURE__ */ jsx119("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end gap-8", children: canLogin && /* @__PURE__ */ jsxs47(Fragment3, { children: [
+                sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs47(Fragment3, { children: [
                   /* @__PURE__ */ jsx119(
                     DesignButton,
                     {
@@ -6220,7 +6227,7 @@ var DesignHeader = ({
                     }
                   ) })
                 ] }),
-                sessionStatus === "authenticated" && /* @__PURE__ */ jsxs46(Fragment3, { children: [
+                sessionStatus === "authenticated" && /* @__PURE__ */ jsxs47(Fragment3, { children: [
                   isAdmin && /* @__PURE__ */ jsx119(
                     Link3,
                     {
@@ -6243,7 +6250,7 @@ var DesignHeader = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxs46(
+        /* @__PURE__ */ jsxs47(
           Dialog3,
           {
             as: "div",
@@ -6252,9 +6259,9 @@ var DesignHeader = ({
             onClose: setMobileMenuOpen,
             children: [
               /* @__PURE__ */ jsx119("div", { className: "fixed inset-0 z-10" }),
-              /* @__PURE__ */ jsxs46(Dialog3.Panel, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col bg-white shadow-xl sm:max-w-sm", children: [
-                /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between p-4", children: [
-                  /* @__PURE__ */ jsxs46(Link3, { href: rootPath, className: "flex-shrink-0", children: [
+              /* @__PURE__ */ jsxs47(Dialog3.Panel, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col bg-white shadow-xl sm:max-w-sm", children: [
+                /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between p-4", children: [
+                  /* @__PURE__ */ jsxs47(Link3, { href: rootPath, className: "flex-shrink-0", children: [
                     /* @__PURE__ */ jsx119("span", { className: "sr-only", style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)" }, children: branding.title }),
                     /* @__PURE__ */ jsx119(
                       ImageElement,
@@ -6269,7 +6276,7 @@ var DesignHeader = ({
                       }
                     )
                   ] }),
-                  mobile_menu_color == "light" && /* @__PURE__ */ jsxs46(
+                  mobile_menu_color == "light" && /* @__PURE__ */ jsxs47(
                     "button",
                     {
                       type: "button",
@@ -6281,13 +6288,13 @@ var DesignHeader = ({
                       ]
                     }
                   ),
-                  mobile_menu_color == "dark" && /* @__PURE__ */ jsxs46("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", onClick: () => setMobileMenuOpen(false), children: [
+                  mobile_menu_color == "dark" && /* @__PURE__ */ jsxs47("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", onClick: () => setMobileMenuOpen(false), children: [
                     /* @__PURE__ */ jsx119("circle", { cx: "20", cy: "20", r: "19.25", fill: "black", stroke: "black", strokeWidth: "1.5" }),
                     /* @__PURE__ */ jsx119("path", { d: "M21.414 20.0002L26.707 14.7072C27.098 14.3172 27.098 13.6832 26.707 13.2932C26.316 12.9022 25.684 12.9022 25.293 13.2932L20 18.5862L14.707 13.2932C14.316 12.9022 13.684 12.9022 13.293 13.2932C12.902 13.6832 12.902 14.3172 13.293 14.7072L18.586 20.0002L13.293 25.2933C12.902 25.6833 12.902 26.3172 13.293 26.7072C13.488 26.9022 13.744 27.0002 14 27.0002C14.256 27.0002 14.512 26.9022 14.707 26.7072L20 21.4142L25.293 26.7072C25.488 26.9022 25.744 27.0002 26 27.0002C26.256 27.0002 26.512 26.9022 26.707 26.7072C27.098 26.3172 27.098 25.6833 26.707 25.2933L21.414 20.0002Z", fill: "white" }),
                     /* @__PURE__ */ jsx119("span", { className: "sr-only", style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)" }, children: "Close menu" })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs46("div", { className: "flex-1 flex flex-col p-6", children: [
+                /* @__PURE__ */ jsxs47("div", { className: "flex-1 flex flex-col p-6", children: [
                   !mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */ jsx119("div", { className: "py-2", children: /* @__PURE__ */ jsx119(
                     Link3,
                     {
@@ -6298,8 +6305,8 @@ var DesignHeader = ({
                     }
                   ) }),
                   mainMenu.map(
-                    (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs46(Popover2, { className: "relative", children: [
-                      /* @__PURE__ */ jsxs46(Popover2.Button, { className: "flex w-full justify-between items-center text-lg font-semibold text-gray-900 hover:text-gray-700 transition-colors duration-200 outline-none border-none py-2", children: [
+                    (menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs47(Popover2, { className: "relative", children: [
+                      /* @__PURE__ */ jsxs47(Popover2.Button, { className: "flex w-full justify-between items-center text-lg font-semibold text-gray-900 hover:text-gray-700 transition-colors duration-200 outline-none border-none py-2", children: [
                         menuItem.text,
                         /* @__PURE__ */ jsx119(
                           ChevronDownIcon,
@@ -6330,8 +6337,8 @@ var DesignHeader = ({
                       }
                     ) }, menuItem.text)
                   ),
-                  canLogin && /* @__PURE__ */ jsxs46("div", { className: "pt-6 mt-auto", children: [
-                    sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs46("div", { className: "flex gap-4 mb-4", children: [
+                  canLogin && /* @__PURE__ */ jsxs47("div", { className: "pt-6 mt-auto", children: [
+                    sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs47("div", { className: "flex gap-4 mb-4", children: [
                       /* @__PURE__ */ jsx119(
                         "button",
                         {
@@ -6354,7 +6361,7 @@ var DesignHeader = ({
                         }
                       )
                     ] }),
-                    sessionStatus === "authenticated" && /* @__PURE__ */ jsxs46("div", { className: "space-y-3 mb-4", children: [
+                    sessionStatus === "authenticated" && /* @__PURE__ */ jsxs47("div", { className: "space-y-3 mb-4", children: [
                       isAdmin && /* @__PURE__ */ jsx119(
                         Link3,
                         {
@@ -6378,7 +6385,7 @@ var DesignHeader = ({
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx119("div", { className: "pt-4 mt-auto border-t-2", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-wrap gap-4 text-base text-gray-600", children: [
+                  /* @__PURE__ */ jsx119("div", { className: "pt-4 mt-auto border-t-2", children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-wrap gap-4 text-base text-gray-600", children: [
                     /* @__PURE__ */ jsx119(
                       Link3,
                       {
@@ -6429,7 +6436,7 @@ var DesignHeader = ({
 
 // src/components/Elements/HTMLView.tsx
 import parse from "html-react-parser";
-import { jsx as jsx120, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs48 } from "react/jsx-runtime";
 var HtmlView = (props) => {
   const options = {
     replace: (domNode) => {
@@ -6449,7 +6456,7 @@ var HtmlView = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     "div",
     {
       className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "lg:py-5",
@@ -6464,7 +6471,7 @@ var HtmlView = (props) => {
 // src/components/DesignElements/ResourcesQuickFind.tsx
 import { useState as useState10 } from "react";
 import { Link as Link4 } from "@geowiki/core";
-import { Fragment as Fragment4, jsx as jsx121, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx121, jsxs as jsxs49 } from "react/jsx-runtime";
 var ResourcesQuickFind = (props) => {
   const [selectedParent, setSelectedParent] = useState10();
   const [selectedChild, setSelectedChild] = useState10();
@@ -6484,8 +6491,8 @@ var ResourcesQuickFind = (props) => {
     });
     return updatedArray;
   };
-  return /* @__PURE__ */ jsx121("section", { id: props.id, className: `flex justify-center items-center mt-6 p-5 rounded-xl lg:mt-12 lg:px-16 lg:py-20 ${props.background_color}`, children: /* @__PURE__ */ jsx121("div", { className: "lg:container mx-auto w-full max-w-[1116px] ", children: /* @__PURE__ */ jsxs48("div", { className: "lg:flex lg:gap-5 ", children: [
-    /* @__PURE__ */ jsx121("div", { className: "flex flex-col lg:w-[57%] ", children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col text-gray-900 space-y-4 lg:space-y-6 lg:mt-2.5", children: [
+  return /* @__PURE__ */ jsx121("section", { id: props.id, className: `flex justify-center items-center mt-6 p-5 rounded-xl lg:mt-12 lg:px-16 lg:py-20 ${props.background_color}`, children: /* @__PURE__ */ jsx121("div", { className: "lg:container mx-auto w-full max-w-[1116px] ", children: /* @__PURE__ */ jsxs49("div", { className: "lg:flex lg:gap-5 ", children: [
+    /* @__PURE__ */ jsx121("div", { className: "flex flex-col lg:w-[57%] ", children: /* @__PURE__ */ jsxs49("div", { className: "flex flex-col text-gray-900 space-y-4 lg:space-y-6 lg:mt-2.5", children: [
       /* @__PURE__ */ jsx121(
         HtmlView,
         {
@@ -6515,9 +6522,9 @@ var ResourcesQuickFind = (props) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx121("div", { className: "pt-6 flex flex-col lg:ml-5 lg:pt-0 " + (!props.right_panel_default_width ? "" : "w-full lg:w-[43%]"), children: /* @__PURE__ */ jsx121("form", { className: `flex flex-col grow w-full lg:w-full text-base font-medium leading-5 text-gray-900 rounded-xl bg-white bg-opacity-${props.background_opacity} lg:min-w-[24rem]`, children: props.parent_list && /* @__PURE__ */ jsx121("div", { className: "w-full flex-col flex justify-center", children: /* @__PURE__ */ jsxs48("div", { className: " w-full lg:w-[20rem] p-8 bg-opacity-40 rounded-xl", children: [
+    /* @__PURE__ */ jsx121("div", { className: "pt-6 flex flex-col lg:ml-5 lg:pt-0 " + (!props.right_panel_default_width ? "" : "w-full lg:w-[43%]"), children: /* @__PURE__ */ jsx121("form", { className: `flex flex-col grow w-full lg:w-full text-base font-medium leading-5 text-gray-900 rounded-xl bg-white bg-opacity-${props.background_opacity} lg:min-w-[24rem]`, children: props.parent_list && /* @__PURE__ */ jsx121("div", { className: "w-full flex-col flex justify-center", children: /* @__PURE__ */ jsxs49("div", { className: " w-full lg:w-[20rem] p-8 bg-opacity-40 rounded-xl", children: [
       /* @__PURE__ */ jsx121(Body16m, { className: "pb-1", children: props.parent_list_title }),
-      /* @__PURE__ */ jsxs48(
+      /* @__PURE__ */ jsxs49(
         DesignSelect,
         {
           onValueChange: (v) => {
@@ -6536,9 +6543,9 @@ var ResourcesQuickFind = (props) => {
           ]
         }
       ),
-      props.child_list && /* @__PURE__ */ jsxs48(Fragment4, { children: [
+      props.child_list && /* @__PURE__ */ jsxs49(Fragment4, { children: [
         /* @__PURE__ */ jsx121(Body16m, { className: "pb-1 pt-8", children: props.child_list_title }),
-        /* @__PURE__ */ jsxs48(
+        /* @__PURE__ */ jsxs49(
           DesignSelect,
           {
             onValueChange: (v) => {
@@ -6558,7 +6565,7 @@ var ResourcesQuickFind = (props) => {
           }
         )
       ] }),
-      props.download_resource && /* @__PURE__ */ jsxs48(
+      props.download_resource && /* @__PURE__ */ jsxs49(
         "a",
         {
           className: "md:w-44 w-full h-14 bg-black rounded-[40px] flex items-center justify-center gap-2 mt-5 " + (selectedParent ? "hover:cursor-pointer" : "pointer-events-none"),
@@ -6577,15 +6584,15 @@ var ResourcesQuickFind = (props) => {
 // src/components/DesignElements/FAQItem.tsx
 import { Disclosure } from "@headlessui/react";
 import { MinusSmallIcon, PlusSmallIcon } from "@heroicons/react/24/outline";
-import { Fragment as Fragment5, jsx as jsx122, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx122, jsxs as jsxs50 } from "react/jsx-runtime";
 var FAQItem = ({ faqs, backgroundColor }) => {
   return /* @__PURE__ */ jsx122("div", { className: "mx-auto", "data-component": "FAQItem", children: /* @__PURE__ */ jsx122("dl", { children: faqs.map((faq) => /* @__PURE__ */ jsx122(
     Disclosure,
     {
       as: "div",
       className: "border-0 border-b border-zinc-300",
-      children: ({ open }) => /* @__PURE__ */ jsxs49(Fragment5, { children: [
-        /* @__PURE__ */ jsx122("dt", { children: /* @__PURE__ */ jsxs49(Disclosure.Button, { className: "pt-6 flex w-full items-start justify-between text-left lg:pt-8", children: [
+      children: ({ open }) => /* @__PURE__ */ jsxs50(Fragment5, { children: [
+        /* @__PURE__ */ jsx122("dt", { children: /* @__PURE__ */ jsxs50(Disclosure.Button, { className: "pt-6 flex w-full items-start justify-between text-left lg:pt-8", children: [
           /* @__PURE__ */ jsx122(Body20m, { className: `${open ? "pb-0" : "pb-6 lg:pb-8"}`, children: faq.question }),
           /* @__PURE__ */ jsx122("span", { className: "ml-6 flex h-7 items-center", children: open ? /* @__PURE__ */ jsx122(
             MinusSmallIcon,
@@ -6595,7 +6602,7 @@ var FAQItem = ({ faqs, backgroundColor }) => {
             }
           ) : /* @__PURE__ */ jsx122(PlusSmallIcon, { className: "h-6 w-6", "aria-hidden": "true" }) })
         ] }) }),
-        /* @__PURE__ */ jsxs49(
+        /* @__PURE__ */ jsxs50(
           Disclosure.Panel,
           {
             as: "dd",
@@ -6619,25 +6626,25 @@ var FAQItem = ({ faqs, backgroundColor }) => {
 };
 
 // src/components/DesignElements/FaqComponent.tsx
-import { jsx as jsx123, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs51 } from "react/jsx-runtime";
 var FaqComponent = (props) => {
-  return /* @__PURE__ */ jsxs50("div", { id: props.id, children: [
+  return /* @__PURE__ */ jsxs51("div", { id: props.id, children: [
     /* @__PURE__ */ jsx123("a", { href: "#faq" }),
     /* @__PURE__ */ jsx123(
       "div",
       {
         className: `${props.backgroundColor} rounded-xl `,
         "data-component": "FaqComponent",
-        children: /* @__PURE__ */ jsxs50(
+        children: /* @__PURE__ */ jsxs51(
           "div",
           {
             className: `container mx-auto flex flex-col lg:flex-row justify-between py-6 lg:px-12 lg:pt-20 lg:pb-14 lg:mt-10 ${props.backgroundColor === "" ? "px-0 mt-2" : " px-5 mt-6 "}`,
             children: [
-              /* @__PURE__ */ jsxs50(Body18, { className: "w-[15%] pb-2 lg:pb-0", children: [
+              /* @__PURE__ */ jsxs51(Body18, { className: "w-[15%] pb-2 lg:pb-0", children: [
                 /* @__PURE__ */ jsx123("span", { className: "hidden md:block", children: props.subtitle }),
                 /* @__PURE__ */ jsx123("span", { className: "block md:hidden", children: "FAQs" })
               ] }),
-              /* @__PURE__ */ jsxs50("div", { className: "lg:w-[50%]", children: [
+              /* @__PURE__ */ jsxs51("div", { className: "lg:w-[50%]", children: [
                 /* @__PURE__ */ jsx123(H3Design, { className: "pb-4", children: props.title }),
                 /* @__PURE__ */ jsx123(Body18, { children: props.description }),
                 props.faqs && /* @__PURE__ */ jsx123(FAQItem, { faqs: props.faqs, backgroundColor: props.backgroundColor })
@@ -6652,12 +6659,12 @@ var FaqComponent = (props) => {
 };
 
 // src/components/DesignElements/footer.tsx
-import { jsx as jsx124, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs52 } from "react/jsx-runtime";
 var DesignFooter = (props) => {
   var _a, _b, _c;
-  return /* @__PURE__ */ jsxs51("footer", { "data-component": "DesignFooter", children: [
-    props.branding.logo && props.branding.title && /* @__PURE__ */ jsxs51("div", { className: "bg-neutral-100 rounded-tl-3xl rounded-tr-3xl lg:px-12 px-4 mt-20", children: [
-      /* @__PURE__ */ jsxs51("div", { className: "container mx-auto flex flex-col lg:flex-row items-center lg:items-start justify-between pt-12 gap-4", children: [
+  return /* @__PURE__ */ jsxs52("footer", { "data-component": "DesignFooter", children: [
+    props.branding.logo && props.branding.title && /* @__PURE__ */ jsxs52("div", { className: "bg-neutral-100 rounded-tl-3xl rounded-tr-3xl lg:px-12 px-4 mt-20", children: [
+      /* @__PURE__ */ jsxs52("div", { className: "container mx-auto flex flex-col lg:flex-row items-center lg:items-start justify-between pt-12 gap-4", children: [
         props.branding.logo && /* @__PURE__ */ jsx124(
           ImageElement,
           {
@@ -6671,19 +6678,19 @@ var DesignFooter = (props) => {
         ),
         /* @__PURE__ */ jsx124("div", { className: "text-center text-primary text-sm lg:text-lg font-semibold capitalize leading-[130%]", children: props.branding.title })
       ] }),
-      props.navigation && props.navigation.length > 0 && /* @__PURE__ */ jsx124("div", { className: "pt-12 lg:pt-20 pb-8 lg:pb-16 container mx-auto", children: /* @__PURE__ */ jsx124("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8", children: (_a = props.navigation) == null ? void 0 : _a.map((category) => /* @__PURE__ */ jsxs51("div", { children: [
+      props.navigation && props.navigation.length > 0 && /* @__PURE__ */ jsx124("div", { className: "pt-12 lg:pt-20 pb-8 lg:pb-16 container mx-auto", children: /* @__PURE__ */ jsx124("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8", children: (_a = props.navigation) == null ? void 0 : _a.map((category) => /* @__PURE__ */ jsxs52("div", { children: [
         /* @__PURE__ */ jsx124(Body18m, { className: "mb-4", children: category.category }),
         /* @__PURE__ */ jsx124("ul", { role: "list", className: "space-y-4", children: category.items.map((item) => /* @__PURE__ */ jsx124("li", { children: /* @__PURE__ */ jsx124("a", { href: item.href, children: /* @__PURE__ */ jsx124(Body18, { children: item.name }) }) }, item.name)) })
       ] }, category.category)) }) }),
       props.navigation && props.navigation.length > 0 && props.bottomMenu && props.bottomMenu.length > 0 && /* @__PURE__ */ jsx124("div", { className: "border-t border-neutral-300" }),
-      /* @__PURE__ */ jsx124("div", { className: "container mx-auto flex justify-between items-center py-6 lg:pt-10 lg:pb-16 ", children: props.bottomMenu && props.bottomMenu.length > 0 && /* @__PURE__ */ jsxs51("div", { className: "w-full items-center justify-between lg:flex", children: [
-        /* @__PURE__ */ jsx124("div", { className: "flex-wrap flex gap-x-5 gap-y-2 lg:gap-y-0 lg:gap-x-6", children: (_b = props.bottomMenu) == null ? void 0 : _b.map((item) => /* @__PURE__ */ jsxs51(
+      /* @__PURE__ */ jsx124("div", { className: "container mx-auto flex justify-between items-center py-6 lg:pt-10 lg:pb-16 ", children: props.bottomMenu && props.bottomMenu.length > 0 && /* @__PURE__ */ jsxs52("div", { className: "w-full items-center justify-between lg:flex", children: [
+        /* @__PURE__ */ jsx124("div", { className: "flex-wrap flex gap-x-5 gap-y-2 lg:gap-y-0 lg:gap-x-6", children: (_b = props.bottomMenu) == null ? void 0 : _b.map((item) => /* @__PURE__ */ jsxs52(
           "a",
           {
             href: item.href,
             className: `text-lg font-normal leading-[130%] flex items-center justify-center ${item.name === "Contact" ? "hidden lg:block" : ""}`,
             children: [
-              item.name == "Language" && /* @__PURE__ */ jsx124("div", { className: "hidden lg:block lg:pr-2", children: /* @__PURE__ */ jsxs51(
+              item.name == "Language" && /* @__PURE__ */ jsx124("div", { className: "hidden lg:block lg:pr-2", children: /* @__PURE__ */ jsxs52(
                 "svg",
                 {
                   width: "33",
@@ -6741,9 +6748,9 @@ var DesignFooter = (props) => {
         )) })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs51("div", { className: "bg-white py-6 lg:py-10 space-y-4 px-4 lg:px-0", children: [
-      (props.footerLogoPath || props.footerText || props.imagesPaths) && /* @__PURE__ */ jsxs51("div", { className: "container mx-auto flex flex-col lg:flex-row gap-3 lg:gap-5 justify-between", children: [
-        /* @__PURE__ */ jsx124("div", { className: "flex flex-col lg:flex-row items-center lg:items-start gap-4 lg:space-x-4", children: /* @__PURE__ */ jsxs51("div", { className: "flex flex-col gap-4 items-start text-sm leading-5 text-grey lg:flex-row lg:gap-5 lg:items-center", children: [
+    /* @__PURE__ */ jsxs52("div", { className: "bg-white py-6 lg:py-10 space-y-4 px-4 lg:px-0", children: [
+      (props.footerLogoPath || props.footerText || props.imagesPaths) && /* @__PURE__ */ jsxs52("div", { className: "container mx-auto flex flex-col lg:flex-row gap-3 lg:gap-5 justify-between", children: [
+        /* @__PURE__ */ jsx124("div", { className: "flex flex-col lg:flex-row items-center lg:items-start gap-4 lg:space-x-4", children: /* @__PURE__ */ jsxs52("div", { className: "flex flex-col gap-4 items-start text-sm leading-5 text-grey lg:flex-row lg:gap-5 lg:items-center", children: [
           props.footerLogoPath && /* @__PURE__ */ jsx124(
             ImageElement,
             {
@@ -6767,8 +6774,8 @@ var DesignFooter = (props) => {
           path
         )) })
       ] }),
-      /* @__PURE__ */ jsxs51("div", { className: "container mx-auto flex justify-start items-center text-center space-x-6 lg:justify-center", children: [
-        props.copyrights && /* @__PURE__ */ jsxs51(Body16, { className: "text-grey", children: [
+      /* @__PURE__ */ jsxs52("div", { className: "container mx-auto flex justify-start items-center text-center space-x-6 lg:justify-center", children: [
+        props.copyrights && /* @__PURE__ */ jsxs52(Body16, { className: "text-grey", children: [
           "\xA9 ",
           props.copyrights,
           " ",
@@ -6781,33 +6788,33 @@ var DesignFooter = (props) => {
   ] });
 };
 var BasicFooter = (props) => {
-  return /* @__PURE__ */ jsxs51("div", { className: "w-full bg-zinc-100 md:bg-white rounded-tl-3xl rounded-tr-3xl overflow-hidden mt-20", children: [
-    /* @__PURE__ */ jsxs51("div", { className: "w-full bg-zinc-100 md:p-12 p-8 md:flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxs51("div", { className: "flex gap-6 justify-center md:justify-start", children: [
+  return /* @__PURE__ */ jsxs52("div", { className: "w-full bg-zinc-100 md:bg-white rounded-tl-3xl rounded-tr-3xl overflow-hidden mt-20", children: [
+    /* @__PURE__ */ jsxs52("div", { className: "w-full bg-zinc-100 md:p-12 p-8 md:flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxs52("div", { className: "flex gap-6 justify-center md:justify-start", children: [
         /* @__PURE__ */ jsx124("a", { className: "text-gray-900 text-lg font-normal leading-6", href: props.privacy_policy_url, target: props.openInNewTab ? "_blank" : "_self", children: "Privacy policy" }),
         /* @__PURE__ */ jsx124("a", { className: "text-gray-900 text-lg font-normal leading-6", href: props.termsUrl, target: props.openInNewTab ? "_blank" : "_self", children: "Terms of Use" })
       ] }),
-      /* @__PURE__ */ jsxs51("div", { className: "hidden md:flex gap-6", children: [
-        /* @__PURE__ */ jsxs51("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
+      /* @__PURE__ */ jsxs52("div", { className: "hidden md:flex gap-6", children: [
+        /* @__PURE__ */ jsxs52("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
           "Version: ",
           props.version
         ] }),
-        /* @__PURE__ */ jsxs51("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
+        /* @__PURE__ */ jsxs52("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
           "\xA9 IIASA ",
           (/* @__PURE__ */ new Date()).getFullYear()
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs51("div", { className: "w-full bg-white flex flex-row items-center justify-center gap-4", children: [
+    /* @__PURE__ */ jsxs52("div", { className: "w-full bg-white flex flex-row items-center justify-center gap-4", children: [
       /* @__PURE__ */ jsx124("a", { href: "https://iiasa.ac.at/", target: "_blank", className: "mt-5 mb-5 ml-10 flex", children: /* @__PURE__ */ jsx124("img", { id: "image0_539_1532", src: "data:image/png;base64,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" }) }),
       props.showGeoWiki && /* @__PURE__ */ jsx124("a", { href: "https://www.geo-wiki.org/", target: "_blank", className: "mt-5 mb-5 mr-10 flex", children: /* @__PURE__ */ jsx124("img", { id: "image0_539_1533", src: "data:image/png;base64,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" }) })
     ] }),
-    /* @__PURE__ */ jsxs51("div", { className: "flex items-center md:hidden justify-center gap-6 h-20", children: [
-      props.version && /* @__PURE__ */ jsxs51("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
+    /* @__PURE__ */ jsxs52("div", { className: "flex items-center md:hidden justify-center gap-6 h-20", children: [
+      props.version && /* @__PURE__ */ jsxs52("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
         "Version: ",
         props.version
       ] }),
-      /* @__PURE__ */ jsxs51("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
+      /* @__PURE__ */ jsxs52("div", { className: "text-zinc-500 text-base font-normal leading-5", children: [
         "\xA9 IIASA ",
         (/* @__PURE__ */ new Date()).getFullYear()
       ] })
@@ -6875,11 +6882,11 @@ var ResourceIcon = ({
 
 // src/components/DesignElements/ExpandableText.tsx
 import { useState as useState11 } from "react";
-import { jsx as jsx126, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs53 } from "react/jsx-runtime";
 var ExpandableText = ({ text, maxLength = 120, show_read_more = false, no_word_wrap = true }) => {
   const [expanded, setExpanded] = useState11(false);
   if (text.length <= maxLength || maxLength == 0) {
-    return /* @__PURE__ */ jsxs52("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
+    return /* @__PURE__ */ jsxs53("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
       " ",
       text
     ] });
@@ -6887,7 +6894,7 @@ var ExpandableText = ({ text, maxLength = 120, show_read_more = false, no_word_w
   const truncated = text.slice(0, maxLength);
   const lastSpace = truncated.lastIndexOf(" ");
   const safeText = truncated.slice(0, lastSpace);
-  return /* @__PURE__ */ jsxs52("div", { className: "text-zinc-500 " + (no_word_wrap ? "whitespace-normal" : "whitespace-nowrap"), children: [
+  return /* @__PURE__ */ jsxs53("div", { className: "text-zinc-500 " + (no_word_wrap ? "whitespace-normal" : "whitespace-nowrap"), children: [
     expanded ? text : safeText + "\u2026",
     " ",
     show_read_more && /* @__PURE__ */ jsx126(
@@ -6902,15 +6909,15 @@ var ExpandableText = ({ text, maxLength = 120, show_read_more = false, no_word_w
 };
 
 // src/components/DesignElements/AppItemPopUpView.tsx
-import { Fragment as Fragment8, jsx as jsx127, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx127, jsxs as jsxs54 } from "react/jsx-runtime";
 var DetailRow = ({ label, value }) => {
-  return /* @__PURE__ */ jsx127(Fragment8, { children: /* @__PURE__ */ jsxs53("div", { className: "flex gap-2 lg:gap-5 lg:justify-between py-4 max-md:flex-wrap max-md:max-w-full lg:py-6 border-0 border-b border-grey-light", children: [
+  return /* @__PURE__ */ jsx127(Fragment8, { children: /* @__PURE__ */ jsxs54("div", { className: "flex gap-2 lg:gap-5 lg:justify-between py-4 max-md:flex-wrap max-md:max-w-full lg:py-6 border-0 border-b border-grey-light", children: [
     /* @__PURE__ */ jsx127(Body16, { className: "text-grey", children: label }),
     /* @__PURE__ */ jsx127(Body16m, { className: "lg:text-righ max-md:max-w-full", children: value })
   ] }) });
 };
 var KeyValues = ({ name, keyValues, kind }) => {
-  return /* @__PURE__ */ jsxs53(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs54(Fragment8, { children: [
     /* @__PURE__ */ jsx127(Caption, { className: "text-grey", children: name }),
     /* @__PURE__ */ jsx127("div", { className: "flex items-center flex-wrap text-sm font-medium whitespace-nowrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: keyValues.map((keyValue, index) => /* @__PURE__ */ jsx127(ResourceTag, { tag: keyValue.value, type: kind }, index)) })
   ] });
@@ -6956,7 +6963,7 @@ function AppItemPopUpView({
   const currentTypes = ((_a = types == null ? void 0 : types.find((type) => type.key === resource.resourceType)) == null ? void 0 : _a.value) || resource.resourceType;
   const link = (resource == null ? void 0 : resource.link) || "";
   const linkText = link.length > 70 ? `${link.slice(0, 70)}...` : link;
-  return /* @__PURE__ */ jsx127(Transition2.Root, { show: open, as: Fragment7, "data-component": "AppItemPopUpView", children: /* @__PURE__ */ jsxs53(Dialog4, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+  return /* @__PURE__ */ jsx127(Transition2.Root, { show: open, as: Fragment7, "data-component": "AppItemPopUpView", children: /* @__PURE__ */ jsxs54(Dialog4, { as: "div", className: "relative z-10", onClose: setOpen, children: [
     /* @__PURE__ */ jsx127(
       Transition2.Child,
       {
@@ -6980,12 +6987,12 @@ function AppItemPopUpView({
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
         leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-        children: /* @__PURE__ */ jsxs53(
+        children: /* @__PURE__ */ jsxs54(
           Dialog4.Panel,
           {
             className: is_small ? `relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-xl sm:w-full sm:p-10` : `relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10`,
             children: [
-              /* @__PURE__ */ jsx127("div", { className: "absolute top-0 right-0 " + (is_small ? "pr-2 pt-1 lg:pt-5 lg:pr-5" : "lg:pt-10 lg:pr-10"), children: /* @__PURE__ */ jsxs53(
+              /* @__PURE__ */ jsx127("div", { className: "absolute top-0 right-0 " + (is_small ? "pr-2 pt-1 lg:pt-5 lg:pr-5" : "lg:pt-10 lg:pr-10"), children: /* @__PURE__ */ jsxs54(
                 "button",
                 {
                   type: "button",
@@ -7003,9 +7010,9 @@ function AppItemPopUpView({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsxs53("div", { className: is_small ? "p-5 mt-2 lg:mt-0 lg:mx-0 lg:p-0" : "p-5 lg:px-6 lg:py-2", children: [
-                /* @__PURE__ */ jsxs53("div", { children: [
-                  /* @__PURE__ */ jsxs53("div", { className: "flex space-x-2 lg:block lg:space-x-0", children: [
+              /* @__PURE__ */ jsxs54("div", { className: is_small ? "p-5 mt-2 lg:mt-0 lg:mx-0 lg:p-0" : "p-5 lg:px-6 lg:py-2", children: [
+                /* @__PURE__ */ jsxs54("div", { children: [
+                  /* @__PURE__ */ jsxs54("div", { className: "flex space-x-2 lg:block lg:space-x-0", children: [
                     resource.resourceType && /* @__PURE__ */ jsx127(ResourceIcon, { type: resource.resourceType }),
                     currentTypes && /* @__PURE__ */ jsx127(Body16sb, { className: "self-start mt-[10px] text-primary lg:mt-4", children: currentTypes })
                   ] }),
@@ -7028,12 +7035,12 @@ function AppItemPopUpView({
                     }
                   ) }) }),
                   resource.statistics && /* @__PURE__ */ jsx127("div", { className: "flex w-full flex-col gap-6 mt-10", children: (_b = resource.statistics) == null ? void 0 : _b.map((x) => {
-                    return /* @__PURE__ */ jsx127("div", { className: "border-b-2", children: /* @__PURE__ */ jsxs53("div", { className: "flex justify-between items-center w-full gap-14 lg:mb-6 mb-2", children: [
+                    return /* @__PURE__ */ jsx127("div", { className: "border-b-2", children: /* @__PURE__ */ jsxs54("div", { className: "flex justify-between items-center w-full gap-14 lg:mb-6 mb-2", children: [
                       /* @__PURE__ */ jsx127("div", { className: "text-zinc-500 text-base font-normal leading-5", children: x.name }),
                       /* @__PURE__ */ jsx127("div", { className: "text-right text-gray-900 text-base font-medium leading-5", children: x.value })
                     ] }) }, x.name);
                   }) }),
-                  currentTypes && resource.publisher && /* @__PURE__ */ jsxs53("div", { className: "my-6 lg:my-10", children: [
+                  currentTypes && resource.publisher && /* @__PURE__ */ jsxs54("div", { className: "my-6 lg:my-10", children: [
                     currentTypes && /* @__PURE__ */ jsx127(
                       DetailRow,
                       {
@@ -7071,7 +7078,7 @@ function AppItemPopUpView({
                       kind: "audience"
                     }
                   ),
-                  (resource == null ? void 0 : resource.keywords) && ((_c = resource == null ? void 0 : resource.keywords) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsxs53("div", { children: [
+                  (resource == null ? void 0 : resource.keywords) && ((_c = resource == null ? void 0 : resource.keywords) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsxs54("div", { children: [
                     /* @__PURE__ */ jsx127(Caption, { className: "self-start lg:mt-10 tracking-wider text-grey", children: "Keywords" }),
                     /* @__PURE__ */ jsx127("div", { className: "flex items-center flex-wrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: (_d = resource.keywords) == null ? void 0 : _d.map((keyword, index) => /* @__PURE__ */ jsx127(
                       ResourceTag,
@@ -7112,18 +7119,24 @@ function AppItemPopUpView({
 var AppItemPopUpView_default = AppItemPopUpView;
 
 // src/components/DesignElements/AppItem.tsx
-import { jsx as jsx128, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs55 } from "react/jsx-runtime";
 var AppItem = (props) => {
   var _a;
   const [open, setOpen] = useState13(false);
-  return /* @__PURE__ */ jsxs54("div", { className: "w-full h-64 pointer-events-auto mb-6 md:mb-0 md:pointer-events-none", onClick: () => {
+  return /* @__PURE__ */ jsxs55("div", { className: "w-full h-64 pointer-events-auto mb-6 md:mb-0 md:pointer-events-none", onClick: () => {
     if (window.innerWidth < 700)
       setOpen(true);
   }, children: [
-    /* @__PURE__ */ jsxs54("div", { className: "w-full h-64 relative overflow-hidden rounded-xl", children: [
+    /* @__PURE__ */ jsxs55("div", { className: "w-full h-64 relative overflow-hidden rounded-xl", children: [
       /* @__PURE__ */ jsx128("img", { className: "absolute w-full h-64 rounded-xl object-cover", src: props.item.logoUrl }),
       /* @__PURE__ */ jsx128("div", { className: "inset-0 absolute bg-black/20 rounded-xl" }),
-      /* @__PURE__ */ jsx128("div", { className: "left-4 md:left-6 top-44 absolute justify-start text-white text-base font-medium leading-5", children: props.item.locationType }),
+      /* @__PURE__ */ jsx128("div", { className: "left-4 md:left-6 top-44 absolute justify-start text-white text-base font-medium leading-5", children: /* @__PURE__ */ jsxs55("div", { className: "flex flex-row ", children: [
+        /* @__PURE__ */ jsx128("div", { children: props.item.locationType }),
+        props.item.activeAppText && /* @__PURE__ */ jsxs55("div", { className: "flex flex-row items-center ml-2", children: [
+          /* @__PURE__ */ jsx128("div", { className: "w-2 h-2 mr-1 bg-primary rounded-full" }),
+          props.item.activeAppText
+        ] })
+      ] }) }),
       /* @__PURE__ */ jsx128("div", { className: "w-80 left-4 md:left-6 top-48 mt-2 absolute justify-start text-white text-xl font-semibold leading-7", children: (_a = props.item) == null ? void 0 : _a.name }),
       /* @__PURE__ */ jsx128(
         "button",
@@ -7151,28 +7164,76 @@ var AppItem = (props) => {
 };
 
 // src/components/DesignElements/AppItemsList.tsx
-import { jsx as jsx129, jsxs as jsxs55 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight5 } from "lucide-react";
+import { jsx as jsx129, jsxs as jsxs56 } from "react/jsx-runtime";
 var AppItemsList = (props) => {
-  var _a;
-  return /* @__PURE__ */ jsxs55("div", { className: "w-full relative mt-10 pt-5", id: props.id, children: [
+  const [toggle, setToggle] = useState14(true);
+  const [currentPage, setCurrentPage] = useState14(1);
+  const itemsPerPage = 6;
+  const totalPages = Math.ceil(props.allItems.length / itemsPerPage);
+  const currentItems = props.allItems.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
+  return /* @__PURE__ */ jsxs56("div", { className: "w-full relative mt-10 pt-5", id: props.id, children: [
     /* @__PURE__ */ jsx129("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: props.name }),
-    /* @__PURE__ */ jsx129("div", { className: "justify-center text-gray-900 text-3xl md:text-5xl font-light", children: props.title }),
-    /* @__PURE__ */ jsx129("div", { className: "md:grid md:grid-cols-3 gap-4 md:mt-12 mt-5", children: props.allItems && ((_a = props.allItems) == null ? void 0 : _a.map((x, index) => /* @__PURE__ */ jsx129(AppItem, { item: x }, index))) })
+    /* @__PURE__ */ jsxs56("div", { className: "flex flex-row justify-between items-center", children: [
+      /* @__PURE__ */ jsx129("div", { className: " text-gray-900 text-3xl md:text-5xl font-light", children: props.title }),
+      props.toggleLabels && props.onToggleChange && /* @__PURE__ */ jsx129("div", { className: "flex flex-row space-x-2", children: /* @__PURE__ */ jsx129("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx129(
+        Switch,
+        {
+          className: "border-2 border-primary rounded-full",
+          checked: toggle,
+          onCheckedChange: (checked) => {
+            setToggle(checked);
+            props.onToggleChange && props.onToggleChange(checked);
+          },
+          labels: props.toggleLabels,
+          activeLabel: props.currentToggleLabel
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx129("div", { className: "md:grid md:grid-cols-3 gap-4 md:mt-12 mt-5", children: currentItems.map((x, index) => /* @__PURE__ */ jsx129(AppItem, { item: __spreadProps(__spreadValues({}, x), { activeAppText: props.currentToggleLabel }) }, index)) }),
+    /* @__PURE__ */ jsxs56("div", { className: "flex justify-center mt-8 items-center", children: [
+      /* @__PURE__ */ jsx129(
+        "button",
+        {
+          className: "disabled:text-[#DCDCDF] disabled:bg-gray-100 transition-colors text-[#686873] flex items-center justify-center w-10 h-10 rounded-full bg-[#F3F3F4] hover:bg-gray-300 disabled:cursor-not-allowed",
+          onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
+          disabled: currentPage === 1,
+          children: /* @__PURE__ */ jsx129(ChevronLeft2, {})
+        }
+      ),
+      /* @__PURE__ */ jsxs56("span", { className: "mx-5 text-gray-700 font-semibold flex-row flex", children: [
+        /* @__PURE__ */ jsx129("div", { className: "text-primary w-3", children: currentPage }),
+        /* @__PURE__ */ jsxs56("div", { className: "text-[#DCDCDF]", children: [
+          " / ",
+          totalPages
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx129(
+        "button",
+        {
+          className: "disabled:text-[#DCDCDF] disabled:bg-gray-100 transition-colors text-[#686873] flex items-center justify-center w-10 h-10 rounded-full bg-[#F3F3F4] hover:bg-gray-300 disabled:opacity-50 disabled:cursor-not-allowed",
+          onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)),
+          disabled: currentPage === totalPages,
+          children: /* @__PURE__ */ jsx129(ChevronRight5, {})
+        }
+      )
+    ] })
   ] });
 };
 
 // src/components/DesignElements/SummaryCard.tsx
 import { UserGroupIcon as UserGroupIcon2, PhotoIcon, DocumentCheckIcon } from "@heroicons/react/24/solid";
-import { jsx as jsx130, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs57 } from "react/jsx-runtime";
 var SummaryCard = (props) => {
-  return /* @__PURE__ */ jsxs56("div", { className: "w-96 h-32 relative rounded-xl outline outline-1 outline-offset-[-1px] outline-zinc-300 overflow-hidden flex-row flex w-full items-center justify-between", children: [
-    /* @__PURE__ */ jsxs56("div", { children: [
+  return /* @__PURE__ */ jsxs57("div", { className: "w-96 h-32 relative rounded-xl outline outline-1 outline-offset-[-1px] outline-zinc-300 overflow-hidden flex-row flex w-full items-center justify-between", children: [
+    /* @__PURE__ */ jsxs57("div", { children: [
       /* @__PURE__ */ jsx130("div", { className: "ml-6 justify-center text-black text-4xl font-semibold leading-8", children: props.count }),
       /* @__PURE__ */ jsx130("div", { className: "mt-2 ml-6 justify-start text-primary text-base font-semibold leading-5", children: props.name })
     ] }),
-    /* @__PURE__ */ jsxs56("div", { className: "relative -mt-4 mr-6", children: [
+    /* @__PURE__ */ jsxs57("div", { className: "relative -mt-4 mr-6", children: [
       /* @__PURE__ */ jsx130("div", { className: "w-14 h-14 bg-primary rounded-lg" }),
-      /* @__PURE__ */ jsx130("div", { children: /* @__PURE__ */ jsxs56("div", { className: "w-7 h-7 top-3.5 left-3.5 absolute", children: [
+      /* @__PURE__ */ jsx130("div", { children: /* @__PURE__ */ jsxs57("div", { className: "w-7 h-7 top-3.5 left-3.5 absolute", children: [
         props.imageSrc === "document" && /* @__PURE__ */ jsx130(DocumentCheckIcon, { fill: "white", stroke: props.iconColor }),
         props.imageSrc === "photo" && /* @__PURE__ */ jsx130(PhotoIcon, { fill: "white", stroke: props.iconColor }),
         props.imageSrc === "group" && /* @__PURE__ */ jsx130(UserGroupIcon2, { fill: "white", stroke: props.iconColor })
@@ -7197,10 +7258,10 @@ var VideoPlayer = (props) => {
 };
 
 // src/components/DesignElements/Carousel/CarouselGalleryItem.tsx
-import { Fragment as Fragment9, jsx as jsx132, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx132, jsxs as jsxs58 } from "react/jsx-runtime";
 var CarouselGalleryItem = ({ text, url, id }) => {
-  return /* @__PURE__ */ jsxs57(Fragment9, { children: [
-    !url.includes(".mp4") && !url.includes(".mov") && /* @__PURE__ */ jsxs57("div", { className: "aspect-square sm:w-auto bg-center relative flex group ", id: "img_" + id, children: [
+  return /* @__PURE__ */ jsxs58(Fragment9, { children: [
+    !url.includes(".mp4") && !url.includes(".mov") && /* @__PURE__ */ jsxs58("div", { className: "aspect-square sm:w-auto bg-center relative flex group ", id: "img_" + id, children: [
       /* @__PURE__ */ jsx132(
         ImageElement,
         {
@@ -7212,7 +7273,7 @@ var CarouselGalleryItem = ({ text, url, id }) => {
       ),
       /* @__PURE__ */ jsx132("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsx132("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
     ] }),
-    (url.includes(".mp4") || url.includes(".mov")) && /* @__PURE__ */ jsxs57("div", { className: " max-w-sm aspect-square relative group cursor-pointer overflow-hidden rounded-xl", children: [
+    (url.includes(".mp4") || url.includes(".mov")) && /* @__PURE__ */ jsxs58("div", { className: " max-w-sm aspect-square relative group cursor-pointer overflow-hidden rounded-xl", children: [
       /* @__PURE__ */ jsx132("div", { className: "transition-all duration-300 group-hover:brightness-50", id: "vid_" + id, children: /* @__PURE__ */ jsx132(
         VideoPlayer,
         {
@@ -7230,10 +7291,10 @@ var CarouselGalleryItem = ({ text, url, id }) => {
 import { Fragment as Fragment10 } from "react";
 import { Dialog as Dialog5, Transition as Transition3 } from "@headlessui/react";
 import { XMarkIcon as XMarkIcon4 } from "@heroicons/react/24/outline";
-import { useState as useState14, useEffect as useEffect8, useRef as useRef2 } from "react";
-import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight5, RotateCw, RotateCcw } from "lucide-react";
+import { useState as useState15, useEffect as useEffect8, useRef as useRef2 } from "react";
+import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight6, RotateCw, RotateCcw } from "lucide-react";
 import { TransformComponent, TransformWrapper } from "react-zoom-pan-pinch";
-import { jsx as jsx133, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs59 } from "react/jsx-runtime";
 var GalleryCarouselOpen = ({
   list,
   currentPhoto,
@@ -7245,10 +7306,10 @@ var GalleryCarouselOpen = ({
   selectImageText,
   imageRotation
 }) => {
-  const [defaultPhoto, setDefaultPhoto] = useState14(currentPhoto);
-  const [text, setDefaultText] = useState14("");
-  const [id, setDefaultId] = useState14("");
-  const [rotation, setRotation] = useState14(imageRotation);
+  const [defaultPhoto, setDefaultPhoto] = useState15(currentPhoto);
+  const [text, setDefaultText] = useState15("");
+  const [id, setDefaultId] = useState15("");
+  const [rotation, setRotation] = useState15(imageRotation);
   const imageRef = useRef2(null);
   const currentPhotoUrl = currentPhoto.imageUrl;
   const currentPhotoId = currentPhoto.id;
@@ -7299,7 +7360,7 @@ var GalleryCarouselOpen = ({
       setDefaultId(foundPhoto.id);
     }
   }, [defaultPhoto, list]);
-  return /* @__PURE__ */ jsx133(Transition3.Root, { show: open, as: Fragment10, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs58(Dialog5, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+  return /* @__PURE__ */ jsx133(Transition3.Root, { show: open, as: Fragment10, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs59(Dialog5, { as: "div", className: "relative z-10", onClose: setOpen, children: [
     /* @__PURE__ */ jsx133(
       Transition3.Child,
       {
@@ -7313,8 +7374,8 @@ var GalleryCarouselOpen = ({
         children: /* @__PURE__ */ jsx133("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
       }
     ),
-    /* @__PURE__ */ jsx133(Dialog5.Panel, { className: "relative ", children: /* @__PURE__ */ jsxs58("div", { className: "fixed inset-0 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx133("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ jsxs58(
+    /* @__PURE__ */ jsx133(Dialog5.Panel, { className: "relative ", children: /* @__PURE__ */ jsxs59("div", { className: "fixed inset-0 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx133("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ jsxs59(
         "button",
         {
           type: "button",
@@ -7332,15 +7393,15 @@ var GalleryCarouselOpen = ({
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx133("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ jsxs58("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxs58("div", { className: "flex justify-between items-center w-full  ", children: [
+      /* @__PURE__ */ jsx133("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ jsxs59("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs59("div", { className: "flex justify-between items-center w-full  ", children: [
           /* @__PURE__ */ jsx133(
             "button",
             {
               type: "button",
               className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40 ",
               onClick: handlePrevious,
-              children: /* @__PURE__ */ jsx133(ChevronLeft2, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
+              children: /* @__PURE__ */ jsx133(ChevronLeft3, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
             }
           ),
           /* @__PURE__ */ jsx133(
@@ -7353,8 +7414,8 @@ var GalleryCarouselOpen = ({
               maxScale: 5,
               wheel: { step: 0.1 },
               doubleClick: { disabled: true },
-              children: ({ zoomIn, zoomOut, resetTransform }) => /* @__PURE__ */ jsxs58("div", { className: "w-full h-full flex justify-center items-center", children: [
-                allowZoom && /* @__PURE__ */ jsxs58("div", { className: "absolute top-10 right-10 z-50 flex gap-2 bg-black/60 p-2 rounded-lg backdrop-blur-sm", children: [
+              children: ({ zoomIn, zoomOut, resetTransform }) => /* @__PURE__ */ jsxs59("div", { className: "w-full h-full flex justify-center items-center", children: [
+                allowZoom && /* @__PURE__ */ jsxs59("div", { className: "absolute top-10 right-10 z-50 flex gap-2 bg-black/60 p-2 rounded-lg backdrop-blur-sm", children: [
                   /* @__PURE__ */ jsx133(
                     "button",
                     {
@@ -7385,7 +7446,7 @@ var GalleryCarouselOpen = ({
                   {
                     wrapperStyle: { width: "100%", height: "100%" },
                     contentStyle: { width: "100%", height: "100%" },
-                    children: /* @__PURE__ */ jsxs58("div", { className: "w-full flex-col flex justify-center items-center", children: [
+                    children: /* @__PURE__ */ jsxs59("div", { className: "w-full flex-col flex justify-center items-center", children: [
                       !defaultPhoto.imageUrl.includes(".mp4") && !defaultPhoto.imageUrl.includes(".mov") && /* @__PURE__ */ jsx133(
                         "img",
                         {
@@ -7422,12 +7483,12 @@ var GalleryCarouselOpen = ({
               type: "button",
               className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40",
               onClick: handleNext,
-              children: /* @__PURE__ */ jsx133(ChevronRight5, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
+              children: /* @__PURE__ */ jsx133(ChevronRight6, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs58("div", { className: "justify-between flex flex-row mb-5", children: [
-          /* @__PURE__ */ jsxs58("div", { className: "gap-2 flex flex-row", children: [
+        /* @__PURE__ */ jsxs59("div", { className: "justify-between flex flex-row mb-5", children: [
+          /* @__PURE__ */ jsxs59("div", { className: "gap-2 flex flex-row", children: [
             /* @__PURE__ */ jsx133(RotateCcw, { className: "h-6 w-6 text-white cursor-pointer", onClick: () => {
               setRotation(rotation - 90);
             } }),
@@ -7465,19 +7526,19 @@ var GalleryCarouselOpen = ({
 };
 
 // src/components/DesignElements/Carousel/CarouselGalleryItemList.tsx
-import { useState as useState15 } from "react";
-import { jsx as jsx134, jsxs as jsxs59 } from "react/jsx-runtime";
+import { useState as useState16 } from "react";
+import { jsx as jsx134, jsxs as jsxs60 } from "react/jsx-runtime";
 var CarouselItemList = (props) => {
-  const [open, setOpen] = useState15(false);
-  const [selectedItemId, setSelectedItemId] = useState15("");
-  const [selectedImageId, setSelectedImageId] = useState15(null);
+  const [open, setOpen] = useState16(false);
+  const [selectedItemId, setSelectedItemId] = useState16("");
+  const [selectedImageId, setSelectedImageId] = useState16(null);
   const handleOpenGallery = (id, imageId) => {
     setOpen(true);
     setSelectedItemId(id);
     setSelectedImageId(imageId);
   };
-  return /* @__PURE__ */ jsxs59("div", { children: [
-    /* @__PURE__ */ jsxs59(Carousel, { className: "w-full px-8", orientation: props.orientation || "horizontal", children: [
+  return /* @__PURE__ */ jsxs60("div", { children: [
+    /* @__PURE__ */ jsxs60(Carousel, { className: "w-full px-8", orientation: props.orientation || "horizontal", children: [
       /* @__PURE__ */ jsx134(CarouselContent, { className: "px-3", children: props.galleryItems.map((galleryItem, index) => /* @__PURE__ */ jsx134(CarouselItem, { className: " md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ jsx134("div", { className: "p-1", children: /* @__PURE__ */ jsx134(
         "div",
         {
@@ -7610,9 +7671,9 @@ var ButtonLink = ({
 };
 
 // src/components/Elements/Error.tsx
-import { jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsxs as jsxs61 } from "react/jsx-runtime";
 var ErrorMessage = (props) => {
-  return /* @__PURE__ */ jsxs60("div", { children: [
+  return /* @__PURE__ */ jsxs61("div", { children: [
     "Error (: ",
     props.message,
     ")"
@@ -7620,9 +7681,9 @@ var ErrorMessage = (props) => {
 };
 
 // src/components/Elements/feature-disabled.tsx
-import { jsx as jsx137, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs62 } from "react/jsx-runtime";
 var FeatureDisabled = () => {
-  return /* @__PURE__ */ jsx137("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx137("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs61("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
+  return /* @__PURE__ */ jsx137("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx137("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs62("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
     /* @__PURE__ */ jsx137(
       "svg",
       {
@@ -7682,7 +7743,7 @@ var IframeViewer = ({ html, className }) => {
 };
 
 // src/components/Elements/loader.tsx
-import { jsx as jsx139, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs63 } from "react/jsx-runtime";
 var LoaderFull = ({
   showInCenter = true,
   cssClass = null
@@ -7697,7 +7758,7 @@ var LoaderFull = ({
           viewBox: "0 0 38 38",
           className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx139("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs62("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
+          children: /* @__PURE__ */ jsx139("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs63("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
             /* @__PURE__ */ jsx139("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
             /* @__PURE__ */ jsx139("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ jsx139(
               "animateTransform",
@@ -7718,7 +7779,7 @@ var LoaderFull = ({
 };
 
 // src/components/Elements/LocalLoader.tsx
-import { jsx as jsx140, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs64 } from "react/jsx-runtime";
 var LocalLoader = () => {
   return /* @__PURE__ */ jsx140("div", { className: "flex items-center justify-center ", children: /* @__PURE__ */ jsx140(
     "svg",
@@ -7726,7 +7787,7 @@ var LocalLoader = () => {
       viewBox: "0 0 38 38",
       className: "animate-spin h-20 w-20 stroke-current text-black-600 mr-2",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx140("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs63("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
+      children: /* @__PURE__ */ jsx140("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs64("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
         /* @__PURE__ */ jsx140("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }),
         /* @__PURE__ */ jsx140("path", { d: "M36 18c0-9.94-8.06-18-18-18", children: /* @__PURE__ */ jsx140(
           "animateTransform",
@@ -7758,9 +7819,9 @@ var MediaEmbedItem = ({ alt, src }) => {
 };
 
 // src/components/Elements/permission-disabled.tsx
-import { jsx as jsx142, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs65 } from "react/jsx-runtime";
 var PermissionDisabled = () => {
-  return /* @__PURE__ */ jsx142("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx142("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs64("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
+  return /* @__PURE__ */ jsx142("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx142("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs65("div", { className: "relative block w-full border-2 border-gray-300 border-dashed rounded-lg p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", children: [
     /* @__PURE__ */ jsx142(
       "svg",
       {
@@ -7785,9 +7846,9 @@ var PermissionDisabled = () => {
 };
 
 // src/components/Elements/ShowLargeText.tsx
-import { jsx as jsx143, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs66 } from "react/jsx-runtime";
 var ShowLargeText = (props) => {
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     "div",
     {
       className: props.colSpan != null ? "sm:col-span-" + props.colSpan : "sm:col-span-1",
@@ -7800,9 +7861,9 @@ var ShowLargeText = (props) => {
 };
 
 // src/components/Elements/ShowShortText.tsx
-import { jsx as jsx144, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs67 } from "react/jsx-runtime";
 var ShowShortText = (props) => {
-  return /* @__PURE__ */ jsxs66("div", { className: "sm:col-span-1", children: [
+  return /* @__PURE__ */ jsxs67("div", { className: "sm:col-span-1", children: [
     /* @__PURE__ */ jsx144("dt", { className: "text-sm font-bold", children: props.label }),
     /* @__PURE__ */ jsx144("dd", { className: "mt-1 text-sm", children: props.value })
   ] });
@@ -7824,11 +7885,11 @@ var SizedImage = (props) => {
 };
 
 // src/components/Elements/UnderConstruction.tsx
-import { jsx as jsx146, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx146, jsxs as jsxs68 } from "react/jsx-runtime";
 var UnderConstruction = () => {
-  return /* @__PURE__ */ jsx146("div", { className: " min-h-screen px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8", children: /* @__PURE__ */ jsx146("div", { className: "max-w-max mx-auto", children: /* @__PURE__ */ jsxs67("main", { className: "sm:flex", children: [
+  return /* @__PURE__ */ jsx146("div", { className: " min-h-screen px-4 py-16 sm:px-6 sm:py-24 md:grid md:place-items-center lg:px-8", children: /* @__PURE__ */ jsx146("div", { className: "max-w-max mx-auto", children: /* @__PURE__ */ jsxs68("main", { className: "sm:flex", children: [
     /* @__PURE__ */ jsx146("p", { className: "text-4xl font-extrabold text-primary-600 sm:text-5xl", children: "recodo.io" }),
-    /* @__PURE__ */ jsx146("div", { className: "sm:ml-6", children: /* @__PURE__ */ jsxs67("div", { className: "sm:border-l sm:border-gray-200 sm:pl-6", children: [
+    /* @__PURE__ */ jsx146("div", { className: "sm:ml-6", children: /* @__PURE__ */ jsxs68("div", { className: "sm:border-l sm:border-gray-200 sm:pl-6", children: [
       /* @__PURE__ */ jsx146("h1", { className: "text-4xl font-extrabold  tracking-tight sm:text-5xl", children: "Under Construction" }),
       /* @__PURE__ */ jsx146("p", { className: "mt-4 text-xl ", children: "Please check back later." })
     ] }) })
@@ -7836,20 +7897,20 @@ var UnderConstruction = () => {
 };
 
 // src/components/Elements/FeaturedItemWithBannerImage.tsx
-import { jsx as jsx147, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx147, jsxs as jsxs69 } from "react/jsx-runtime";
 var FeaturedItemWithBannerImage = (props) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ jsxs68("div", { className: "w-full h-full mt-15 pointer-events-auto md:pointer-events-none", onClick: () => {
+  return /* @__PURE__ */ jsxs69("div", { className: "w-full h-full mt-15 pointer-events-auto md:pointer-events-none", onClick: () => {
     if (window.innerWidth < 700 && props.itemDetails.externalWebsiteLink) window.open(props.itemDetails.externalWebsiteLink, "_blank");
   }, children: [
-    /* @__PURE__ */ jsxs68("div", { className: "hidden md:block relative", children: [
+    /* @__PURE__ */ jsxs69("div", { className: "hidden md:block relative", children: [
       /* @__PURE__ */ jsx147("img", { src: (_a = props.featuredItem[0]) == null ? void 0 : _a.landscapeBannerUrl, className: "relative w-full object-contain rounded-xl mt-6 lg:mt-12 " }),
-      props.itemDetails.externalWebsiteLink && /* @__PURE__ */ jsx147("a", { className: "hidden md:block md:pointer-events-auto absolute  featuredItemButton ml-5 h-24 rounded-tr-xl", target: "_blank", href: (_b = props.itemDetails) == null ? void 0 : _b.externalWebsiteLink, children: /* @__PURE__ */ jsx147("div", { className: "w-auto h-14 bg-primary rounded-[40px] flex items-center justify-center", children: /* @__PURE__ */ jsxs68("div", { className: "inline-flex gap-2", children: [
+      props.itemDetails.externalWebsiteLink && /* @__PURE__ */ jsx147("a", { className: "hidden md:block md:pointer-events-auto absolute  featuredItemButton ml-5 h-24 rounded-tr-xl", target: "_blank", href: (_b = props.itemDetails) == null ? void 0 : _b.externalWebsiteLink, children: /* @__PURE__ */ jsx147("div", { className: "w-auto h-14 bg-primary rounded-[40px] flex items-center justify-center", children: /* @__PURE__ */ jsxs69("div", { className: "inline-flex gap-2", children: [
         /* @__PURE__ */ jsx147("div", { className: "text-white text-base text-lg font-medium ml-6", children: "View Quest" }),
         /* @__PURE__ */ jsx147("svg", { width: "13", height: "13", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "-rotate-1 mt-2 mr-6", children: /* @__PURE__ */ jsx147("path", { d: "M14.728 1.00124V10.8994C14.728 11.1751 14.6162 11.4254 14.4352 11.6065C14.2542 11.7875 14.0038 11.8992 13.7281 11.8992C13.1751 11.8992 12.7282 11.4523 12.7282 10.8994V3.41396L1.70725 14.4349C1.31622 14.8259 0.683362 14.8252 0.293039 14.4349C-0.0972836 14.0446 -0.0979906 13.4117 0.293039 13.0207L11.314 1.99975L3.82857 1.99975C3.27562 1.99975 2.82868 1.55281 2.82868 0.999856C2.82868 0.446899 3.27562 -3.6872e-05 3.82857 -3.67244e-05L13.7267 -3.66612e-05C13.8582 -3.69984e-05 13.9876 0.0260465 14.1106 0.0769579C14.3546 0.178074 14.5498 0.373349 14.651 0.617301C14.7019 0.740338 14.728 0.869715 14.728 1.00124Z", fill: "white" }) })
       ] }) }) })
     ] }),
-    ((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ jsx147("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs68("div", { className: "w-full relative pt-10", children: [
+    ((_c = props.featuredItem[0]) == null ? void 0 : _c.portraitBannerUrl) && /* @__PURE__ */ jsx147("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs69("div", { className: "w-full relative pt-10", children: [
       /* @__PURE__ */ jsx147("div", { className: "justify-start text-black text-lg font-normal leading-6 mb-2", children: "Feature Quest" }),
       /* @__PURE__ */ jsx147("img", { src: (_d = props.featuredItem[0]) == null ? void 0 : _d.portraitBannerUrl, className: "w-full h-full overflow-hidden rounded-xl object-cover mt-5" })
     ] }) })
@@ -7857,12 +7918,12 @@ var FeaturedItemWithBannerImage = (props) => {
 };
 
 // src/components/Elements/NewsLetter.tsx
-import { useState as useState16 } from "react";
-import { jsx as jsx148, jsxs as jsxs69 } from "react/jsx-runtime";
+import { useState as useState17 } from "react";
+import { jsx as jsx148, jsxs as jsxs70 } from "react/jsx-runtime";
 var NewsLetter = (props) => {
-  const [loading, setLoading] = useState16(false);
-  const [isAccepted, setIsAccepted] = useState16(false);
-  const [email, setEmail] = useState16("");
+  const [loading, setLoading] = useState17(false);
+  const [isAccepted, setIsAccepted] = useState17(false);
+  const [email, setEmail] = useState17("");
   const isEmailValid = (email2) => {
     return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email2);
   };
@@ -7951,8 +8012,8 @@ var NewsLetter = (props) => {
       setLoading(false);
     }
   });
-  return /* @__PURE__ */ jsx148("div", { className: "bg-secondary", children: /* @__PURE__ */ jsxs69("div", { className: "container mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center", children: [
-    /* @__PURE__ */ jsxs69("div", { className: "lg:w-0 lg:flex-1", children: [
+  return /* @__PURE__ */ jsx148("div", { className: "bg-secondary", children: /* @__PURE__ */ jsxs70("div", { className: "container mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center", children: [
+    /* @__PURE__ */ jsxs70("div", { className: "lg:w-0 lg:flex-1", children: [
       /* @__PURE__ */ jsx148(
         "h2",
         {
@@ -7963,8 +8024,8 @@ var NewsLetter = (props) => {
       ),
       /* @__PURE__ */ jsx148("p", { className: "mt-3 max-w-3xl text-lg leading-6 text-gray-500", children: props == null ? void 0 : props.SubText })
     ] }),
-    /* @__PURE__ */ jsx148("div", { className: "lg:mt-0 lg:ml-8 ", children: /* @__PURE__ */ jsxs69("div", { children: [
-      /* @__PURE__ */ jsxs69("div", { className: "flex flex-col md:flex-row gap-4 pt-8", children: [
+    /* @__PURE__ */ jsx148("div", { className: "lg:mt-0 lg:ml-8 ", children: /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsxs70("div", { className: "flex flex-col md:flex-row gap-4 pt-8", children: [
         /* @__PURE__ */ jsx148(
           "input",
           {
@@ -7978,7 +8039,7 @@ var NewsLetter = (props) => {
         ),
         /* @__PURE__ */ jsx148(Button, { onClick: () => subscribe(), disabled: loading, children: "Subscribe" })
       ] }),
-      /* @__PURE__ */ jsxs69("p", { className: "mt-3 text-sm text-gray-500", children: [
+      /* @__PURE__ */ jsxs70("p", { className: "mt-3 text-sm text-gray-500", children: [
         /* @__PURE__ */ jsx148(
           "input",
           {
@@ -8021,12 +8082,12 @@ var HeroImage = ({ path, cmsUrl }) => {
 };
 
 // src/components/Hero/HeroImageRightWithAppButtons.tsx
-import { useEffect as useEffect10, useState as useState17 } from "react";
+import { useEffect as useEffect10, useState as useState18 } from "react";
 
 // src/components/HeadingTextBlocks/H1BodyButton.tsx
 import { Link as Link6 } from "@geowiki/core";
 import parse2 from "html-react-parser";
-import { jsx as jsx150, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs71 } from "react/jsx-runtime";
 var HtmlView2 = (props) => {
   const options = {
     replace: (domNode) => {
@@ -8044,7 +8105,7 @@ var HtmlView2 = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "div",
     {
       className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
@@ -8064,16 +8125,16 @@ var H1BodyButton = (props) => {
     const modifiedText = text.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "div",
     {
       className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
       "data-component-name": "H1BodyButton",
       children: [
         /* @__PURE__ */ jsx150("div", { className: "hidden lg:block lg:w-1/4" }),
-        /* @__PURE__ */ jsxs70("div", { className: "w-full max-w-3xl lg:px-5", children: [
+        /* @__PURE__ */ jsxs71("div", { className: "w-full max-w-3xl lg:px-5", children: [
           isNeedParse && /* @__PURE__ */ jsx150(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
-          !isNeedParse && /* @__PURE__ */ jsxs70(H1Design, { children: [
+          !isNeedParse && /* @__PURE__ */ jsxs71(H1Design, { children: [
             props.title,
             " "
           ] }),
@@ -8114,16 +8175,16 @@ var H1BodyButtonWithApp = (props) => {
     const modifiedText = text.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "div",
     {
       className: "px-0 container mx-auto mt-2 lg:mt-10 flex justify-start",
       "data-component-name": "H1BodyButton",
       children: [
         /* @__PURE__ */ jsx150("div", { className: "hidden lg:block lg:w-1/4" }),
-        /* @__PURE__ */ jsxs70("div", { className: "max-w-3xl lg:px-5", children: [
+        /* @__PURE__ */ jsxs71("div", { className: "max-w-3xl lg:px-5", children: [
           isNeedParse && /* @__PURE__ */ jsx150(HtmlView2, { cssClass: "m-0", html: parseTitle(props.title, "H1") }),
-          !isNeedParse && /* @__PURE__ */ jsxs70(BigLandingTitle, { children: [
+          !isNeedParse && /* @__PURE__ */ jsxs71(BigLandingTitle, { children: [
             props.title,
             " "
           ] }),
@@ -8150,9 +8211,9 @@ var H1BodyButtonWithApp = (props) => {
               ) : /* @__PURE__ */ jsx150(DesignButton, { children: props.button.text })
             }
           ) }),
-          props.show_app_stores && /* @__PURE__ */ jsxs70("div", { className: "mt-6 gap-3 lg:gap-2 flex flex-row md:px-0", children: [
-            /* @__PURE__ */ jsx150("a", { href: props.google_marketplace_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ jsxs70("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-full md:w-auto h-auto", viewBox: "0 0 180 53", fill: "none", children: [
-              /* @__PURE__ */ jsxs70("g", { clipPath: "url(#clip0_5955_146)", children: [
+          props.show_app_stores && /* @__PURE__ */ jsxs71("div", { className: "mt-6 gap-3 lg:gap-2 flex flex-row md:px-0", children: [
+            /* @__PURE__ */ jsx150("a", { href: props.google_marketplace_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ jsxs71("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-full md:w-auto h-auto", viewBox: "0 0 180 53", fill: "none", children: [
+              /* @__PURE__ */ jsxs71("g", { clipPath: "url(#clip0_5955_146)", children: [
                 /* @__PURE__ */ jsx150("path", { d: "M173.33 53H6.66992C3.00332 53 0.00341797 50.0188 0.00341797 46.3751V6.62585C0.00341797 2.98215 3.00332 0.000976562 6.66992 0.000976562H173.33C176.997 0.000976562 179.996 2.98215 179.996 6.62585V46.3751C179.996 50.0188 176.997 53 173.33 53Z", fill: "#100F0D" }),
                 /* @__PURE__ */ jsx150("path", { d: "M173.33 0.000976562H6.66992C3.00332 0.000976562 0.00341797 2.98215 0.00341797 6.62585V46.3751C0.00341797 50.0188 3.00332 53 6.66992 53H173.33C176.997 53 179.996 50.0188 179.996 46.3751V6.62585C179.996 2.98215 176.997 0.000976562 173.33 0.000976562ZM173.33 1.06042C176.418 1.06042 178.93 3.55723 178.93 6.62585V46.3751C178.93 49.4437 176.418 51.9405 173.33 51.9405H6.66992C3.58202 51.9405 1.07062 49.4437 1.07062 46.3751V6.62585C1.07062 3.55723 3.58202 1.06042 6.66992 1.06042H173.33Z", fill: "#A2A2A1" }),
                 /* @__PURE__ */ jsx150("path", { d: "M142.58 39.7504H145.068V23.1854H142.58V39.7504ZM164.989 29.1529L162.137 36.3342H162.052L159.092 29.1529H156.412L160.852 39.1899L158.32 44.7733H160.915L167.756 29.1534L164.989 29.1529ZM150.879 37.8688C150.066 37.8688 148.928 37.4635 148.928 36.462C148.928 35.1836 150.344 34.6934 151.566 34.6934C152.659 34.6934 153.175 34.9274 153.839 35.2473C153.646 36.7818 152.316 37.8688 150.879 37.8688ZM151.18 28.7906C149.379 28.7906 147.514 29.5794 146.742 31.3268L148.95 32.2429C149.422 31.3268 150.3 31.0287 151.223 31.0287C152.51 31.0287 153.818 31.7952 153.839 33.1595V33.3298C153.388 33.074 152.423 32.6906 151.244 32.6906C148.863 32.6906 146.44 33.9901 146.44 36.4196C146.44 38.6359 148.392 40.0638 150.579 40.0638C152.251 40.0638 153.175 39.3179 153.752 38.4439H153.839V39.7232H156.241V33.3721C156.241 30.4313 154.031 28.7906 151.18 28.7906ZM135.804 31.1694H132.266V25.4917H135.804C137.664 25.4917 138.72 27.0217 138.72 28.3305C138.72 29.6141 137.664 31.1694 135.804 31.1694ZM135.74 23.1858H129.779V39.7508H132.266V33.4753H135.74C138.498 33.4753 141.208 31.4919 141.208 28.3311C141.208 25.1709 138.498 23.1858 135.74 23.1858ZM103.233 37.8716C101.514 37.8716 100.076 36.441 100.076 34.4779C100.076 32.492 101.514 31.0412 103.233 31.0412C104.93 31.0412 106.262 32.4921 106.262 34.4779C106.262 36.441 104.93 37.8716 103.233 37.8716ZM106.09 30.0802H106.004C105.446 29.4187 104.371 28.8209 103.019 28.8209C100.183 28.8209 97.5839 31.2975 97.5839 34.4779C97.5839 37.6366 100.183 40.0914 103.019 40.0914C104.371 40.0914 105.446 39.4936 106.004 38.811H106.09V39.6214C106.09 41.7782 104.93 42.9303 103.061 42.9303C101.537 42.9303 100.592 41.8418 100.205 40.9241L98.0356 41.8205C98.658 43.3141 100.311 45.1506 103.061 45.1506C105.983 45.1506 108.453 43.4425 108.453 39.2798V29.1623H106.09L106.09 30.0802ZM110.172 39.7499H112.663V23.1849H110.172V39.7499ZM116.336 34.2854C116.272 32.108 118.034 30.9982 119.301 30.9982C120.289 30.9982 121.126 31.4894 121.406 32.1933L116.336 34.2854ZM124.069 32.4066C123.596 31.1479 122.157 28.8209 119.215 28.8209C116.293 28.8209 113.866 31.1049 113.866 34.4562C113.866 37.6155 116.272 40.0915 119.493 40.0915C122.092 40.0915 123.596 38.5124 124.22 37.5942L122.286 36.3133C121.642 37.2527 120.762 37.8717 119.493 37.8717C118.227 37.8717 117.324 37.2952 116.745 36.1638L124.327 33.0475L124.069 32.4066ZM63.6598 30.5501V32.9407H69.4163C69.2444 34.2855 68.7934 35.2672 68.1059 35.9504C67.2679 36.7827 65.9576 37.7008 63.6597 37.7008C60.1154 37.7008 57.3447 34.862 57.3447 31.3399C57.3447 27.8178 60.1154 24.9786 63.6597 24.9786C65.5715 24.9786 66.9674 25.7259 67.9985 26.6864L69.6959 24.9997C68.2563 23.6338 66.3449 22.5879 63.6597 22.5879C58.8045 22.5879 54.7234 26.5156 54.7234 31.3399C54.7234 36.1637 58.8045 40.0915 63.6597 40.0915C66.2799 40.0915 68.2564 39.2376 69.8027 37.6367C71.3923 36.0571 71.8865 33.8372 71.8865 32.0439C71.8865 31.4895 71.8432 30.9772 71.7573 30.5501H63.6598ZM78.4318 37.8716C76.713 37.8716 75.2308 36.4627 75.2308 34.4562C75.2308 32.4284 76.713 31.0413 78.4318 31.0413C80.1499 31.0413 81.6321 32.4284 81.6321 34.4562C81.6321 36.4627 80.1499 37.8716 78.4318 37.8716ZM78.4318 28.8209C75.2948 28.8209 72.7391 31.1902 72.7391 34.4562C72.7391 37.7008 75.2948 40.0915 78.4318 40.0915C81.5676 40.0915 84.1238 37.7008 84.1238 34.4562C84.1238 31.1902 81.5676 28.8209 78.4318 28.8209ZM90.8488 37.8716C89.1312 37.8716 87.6485 36.4627 87.6485 34.4562C87.6485 32.4284 89.1313 31.0413 90.8488 31.0413C92.5676 31.0413 94.0493 32.4284 94.0493 34.4562C94.0493 36.4627 92.5676 37.8716 90.8488 37.8716ZM90.8488 28.8209C87.713 28.8209 85.1573 31.1902 85.1573 34.4562C85.1573 37.7008 87.713 40.0915 90.8488 40.0915C93.9858 40.0915 96.5415 37.7008 96.5415 34.4562C96.5415 31.1902 93.9858 28.8209 90.8488 28.8209Z", fill: "white" }),
@@ -8164,7 +8225,7 @@ var H1BodyButtonWithApp = (props) => {
               ] }),
               /* @__PURE__ */ jsx150("defs", { children: /* @__PURE__ */ jsx150("clipPath", { id: "clip0_5955_146", children: /* @__PURE__ */ jsx150("rect", { width: "180", height: "53", fill: "white" }) }) })
             ] }) }),
-            /* @__PURE__ */ jsx150("a", { href: props.apple_store_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ jsxs70(
+            /* @__PURE__ */ jsx150("a", { href: props.apple_store_link, target: "_blank", className: "w-full h-full", children: /* @__PURE__ */ jsxs71(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -8173,7 +8234,7 @@ var H1BodyButtonWithApp = (props) => {
                 fill: "none",
                 onClick: () => props.apple_store_link,
                 children: [
-                  /* @__PURE__ */ jsxs70("g", { clipPath: "url(#clip0_5955_114)", children: [
+                  /* @__PURE__ */ jsxs71("g", { clipPath: "url(#clip0_5955_114)", children: [
                     /* @__PURE__ */ jsx150("path", { d: "M173.596 53H6.30533C2.82933 53 0 50.1804 0 46.7288V6.26195C0 2.809 2.82933 0 6.30533 0H173.596C177.071 0 180 2.809 180 6.26195V46.7288C180 50.1804 177.071 53 173.596 53Z", fill: "#A6A6A6" }),
                     /* @__PURE__ */ jsx150("path", { d: "M178.709 46.73C178.709 49.5337 176.424 51.8048 173.597 51.8048H6.30543C3.4801 51.8048 1.18677 49.5337 1.18677 46.73V6.26057C1.18677 3.4582 3.4801 1.1792 6.30543 1.1792H173.596C176.424 1.1792 178.708 3.4582 178.708 6.26057L178.709 46.73Z", fill: "black" }),
                     /* @__PURE__ */ jsx150("path", { d: "M40.1707 26.2137C40.132 21.9432 43.6894 19.8656 43.852 19.7689C41.8374 16.8499 38.7147 16.4511 37.6174 16.4193C34.9947 16.145 32.4507 17.9788 31.1147 17.9788C29.752 17.9788 27.6947 16.4458 25.4774 16.4909C22.624 16.5346 19.9547 18.1763 18.4907 20.7256C15.4694 25.9235 17.7227 33.5622 20.6174 37.7637C22.0654 39.8215 23.7574 42.119 25.972 42.0382C28.1387 41.9494 28.948 40.6655 31.5627 40.6655C34.1534 40.6655 34.9134 42.0382 37.172 41.9865C39.4974 41.9494 40.9614 39.9195 42.3587 37.8432C44.032 35.4847 44.704 33.162 44.7307 33.0428C44.676 33.0242 40.2147 31.3322 40.1707 26.2137Z", fill: "white" }),
@@ -8212,9 +8273,9 @@ var H1BodyButtonWithApp = (props) => {
 };
 
 // src/components/Hero/HeroImageRightWithAppButtons.tsx
-import { jsx as jsx151, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx151, jsxs as jsxs72 } from "react/jsx-runtime";
 var HeroImageRightWithAppButtons = (props) => {
-  const [description, setDescription] = useState17(props.description);
+  const [description, setDescription] = useState18(props.description);
   useEffect10(() => {
     var _a;
     if (typeof window !== "undefined") {
@@ -8222,7 +8283,7 @@ var HeroImageRightWithAppButtons = (props) => {
       setDescription(desc);
     }
   }, [props.description]);
-  return /* @__PURE__ */ jsx151("div", { children: /* @__PURE__ */ jsx151("div", { className: "lg:mt-10", children: /* @__PURE__ */ jsx151("div", { className: "justify-end", children: /* @__PURE__ */ jsxs71("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
+  return /* @__PURE__ */ jsx151("div", { children: /* @__PURE__ */ jsx151("div", { className: "lg:mt-10", children: /* @__PURE__ */ jsx151("div", { className: "justify-end", children: /* @__PURE__ */ jsxs72("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
     /* @__PURE__ */ jsx151("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full lg:pr-5", children: /* @__PURE__ */ jsx151("div", { className: "flex flex-col self-stretch lg:pr-5  my-auto  max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ jsx151(
       H1BodyButtonWithApp,
       {
@@ -8253,7 +8314,7 @@ var PanelHorizontal = ({
 
 // src/components/HeadingTextBlocks/H2BodyButton.tsx
 import { Link as Link7 } from "@geowiki/core";
-import { jsx as jsx153, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx153, jsxs as jsxs73 } from "react/jsx-runtime";
 var H2BodyButton = (props) => {
   var _a;
   const isNeedParse = /<em>(.*?)<\/em>/g.test(props.title);
@@ -8263,14 +8324,14 @@ var H2BodyButton = (props) => {
     const modifiedText = content.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs73(
     "div",
     {
       id: props.id,
       className: `${props.noContainer ? `lg:ml-8` : `lg:container`} mx-auto flex flex-col lg:flex-row justify-between mt-4 lg:pt-20 ${props.bottomPadding && `lg:mb-${props.bottomPadding}`}`,
       children: [
         /* @__PURE__ */ jsx153("div", { className: "flex flex-col lg:w-[14%]", children: /* @__PURE__ */ jsx153(Body18, { children: props.tag }) }),
-        /* @__PURE__ */ jsxs72("div", { className: "flex flex-col lg:w-[51%] space-y-4 lg:space-y-6", children: [
+        /* @__PURE__ */ jsxs73("div", { className: "flex flex-col lg:w-[51%] space-y-4 lg:space-y-6", children: [
           isNeedParse && /* @__PURE__ */ jsx153(
             HtmlView,
             {
@@ -8278,7 +8339,7 @@ var H2BodyButton = (props) => {
               html: parseTitle(props.title, "H2")
             }
           ),
-          !isNeedParse && /* @__PURE__ */ jsxs72(H2Design, { className: "pt-2 lg:pt-0", children: [
+          !isNeedParse && /* @__PURE__ */ jsxs73(H2Design, { className: "pt-2 lg:pt-0", children: [
             props.title,
             " "
           ] }),