@geowiki/design-system 0.16.9-dev.22 → 0.16.9-dev.23

package/dist/index.js

@@ -1575,434 +1575,19 @@ var DropdownMenuShortcut = (_a) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/form.tsx
-var React14 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_react_slot2 = require("@radix-ui/react-slot");
-
-// ../../node_modules/react-hook-form/dist/index.esm.mjs
-var import_react = __toESM(require("react"), 1);
-var isCheckBoxInput = (element) => element.type === "checkbox";
-var isDateObject = (value) => value instanceof Date;
-var isNullOrUndefined = (value) => value == null;
-var isObjectType = (value) => typeof value === "object";
-var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var getEventValue = (event) => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
-var getFieldArrayParentNames = (names, name) => {
-  const parts = name.split(".");
-  const matches = [];
-  let prefix = parts[0];
-  for (let i = 1; i < parts.length; prefix += "." + parts[i++]) {
-    !isNaN(+parts[i]) && names.has(prefix) && matches.push(prefix);
-  }
-  return matches;
-};
-var isPlainObject = (tempObject) => {
-  const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-  return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
-};
-var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
-function cloneObject(data) {
-  if (data instanceof Date) {
-    return new Date(data);
-  }
-  const isFileListInstance = typeof FileList !== "undefined" && data instanceof FileList;
-  if (isWeb && (data instanceof Blob || isFileListInstance)) {
-    return data;
-  }
-  const isArray = Array.isArray(data);
-  if (!isArray && !(isObject(data) && isPlainObject(data))) {
-    return data;
-  }
-  const copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
-  for (const key in data) {
-    if (Object.prototype.hasOwnProperty.call(data, key)) {
-      copy[key] = cloneObject(data[key]);
-    }
-  }
-  return copy;
-}
-var isKey = (value) => /^\w*$/.test(value);
-var isUndefined = (val) => val === void 0;
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-var get = (object, path, defaultValue) => {
-  if (!path || !isObject(object)) {
-    return defaultValue;
-  }
-  const paths = isKey(path) ? [path] : stringToPath(path);
-  const result = paths.reduce((result2, key) => {
-    return isNullOrUndefined(result2) ? void 0 : result2[key];
-  }, object);
-  return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
-};
-var isBoolean = (value) => typeof value === "boolean";
-var isFunction = (value) => typeof value === "function";
-var set = (object, path, value) => {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    if (key === "__proto__" || key === "constructor" || key === "prototype") {
-      return;
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-};
-var EVENTS = {
-  BLUR: "blur",
-  FOCUS_OUT: "focusout",
-  CHANGE: "change",
-  SUBMIT: "submit",
-  TRIGGER: "trigger",
-  VALID: "valid"
-};
-var VALIDATION_MODE = {
-  onBlur: "onBlur",
-  onChange: "onChange",
-  onSubmit: "onSubmit",
-  onTouched: "onTouched",
-  all: "all"
-};
-var HookFormControlContext = import_react.default.createContext(null);
-HookFormControlContext.displayName = "HookFormControlContext";
-var useFormControlContext = () => import_react.default.useContext(HookFormControlContext);
-var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-  const result = {};
-  for (const key in formState) {
-    Object.defineProperty(result, key, {
-      get: () => {
-        const _key = key;
-        if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {
-          control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;
-        }
-        localProxyFormState && (localProxyFormState[_key] = true);
-        return formState[_key];
-      }
-    });
-  }
-  return result;
-};
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react.default.useLayoutEffect : import_react.default.useEffect;
-function useFormState(props) {
-  const formControl = useFormControlContext();
-  const { control = formControl, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = import_react.default.useState(() => __spreadProps(__spreadValues({}, control._formState), {
-    defaultValues: control._defaultValues
-  }));
-  const _localProxyFormState = import_react.default.useRef({
-    isDirty: false,
-    isLoading: false,
-    dirtyFields: false,
-    touchedFields: false,
-    validatingFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  });
-  useIsomorphicLayoutEffect(() => control._subscribe({
-    name,
-    formState: _localProxyFormState.current,
-    exact,
-    callback: (formState2) => {
-      !disabled && updateFormState(__spreadProps(__spreadValues(__spreadValues({}, control._formState), formState2), {
-        defaultValues: control._defaultValues
-      }));
-    }
-  }), [name, disabled, exact]);
-  import_react.default.useEffect(() => {
-    _localProxyFormState.current.isValid && control._setValid(true);
-  }, [control]);
-  return import_react.default.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
-}
-var isString = (value) => typeof value === "string";
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-  if (isString(names)) {
-    isGlobal && _names.watch.add(names);
-    return get(formValues, names, defaultValue);
-  }
-  if (Array.isArray(names)) {
-    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-  }
-  isGlobal && (_names.watchAll = true);
-  return formValues;
-};
-var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
-function deepEqual(object1, object2, visited = /* @__PURE__ */ new WeakSet()) {
-  if (object1 === object2) {
-    return true;
-  }
-  if (isPrimitive(object1) || isPrimitive(object2)) {
-    return Object.is(object1, object2);
-  }
-  if (isDateObject(object1) && isDateObject(object2)) {
-    return Object.is(object1.getTime(), object2.getTime());
-  }
-  const keys1 = Object.keys(object1);
-  const keys2 = Object.keys(object2);
-  if (keys1.length !== keys2.length) {
-    return false;
-  }
-  if (visited.has(object1) || visited.has(object2)) {
-    return true;
-  }
-  visited.add(object1);
-  visited.add(object2);
-  for (const key of keys1) {
-    const val1 = object1[key];
-    if (!(key in object2)) {
-      return false;
-    }
-    if (key !== "ref") {
-      const val2 = object2[key];
-      if (isDateObject(val1) && isDateObject(val2) || (isObject(val1) || Array.isArray(val1)) && (isObject(val2) || Array.isArray(val2)) ? !deepEqual(val1, val2, visited) : !Object.is(val1, val2)) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-function useWatch(props) {
-  const formControl = useFormControlContext();
-  const { control = formControl, name, defaultValue, disabled, exact, compute } = props || {};
-  const _defaultValue = import_react.default.useRef(defaultValue);
-  const _compute = import_react.default.useRef(compute);
-  const _computeFormValues = import_react.default.useRef(void 0);
-  const _prevControl = import_react.default.useRef(control);
-  const _prevName = import_react.default.useRef(name);
-  _compute.current = compute;
-  const [value, updateValue] = import_react.default.useState(() => {
-    const defaultValue2 = control._getWatch(name, _defaultValue.current);
-    return _compute.current ? _compute.current(defaultValue2) : defaultValue2;
-  });
-  const getCurrentOutput = import_react.default.useCallback((values) => {
-    const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);
-    return _compute.current ? _compute.current(formValues) : formValues;
-  }, [control._formValues, control._names, name]);
-  const refreshValue = import_react.default.useCallback((values) => {
-    if (!disabled) {
-      const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);
-      if (_compute.current) {
-        const computedFormValues = _compute.current(formValues);
-        if (!deepEqual(computedFormValues, _computeFormValues.current)) {
-          updateValue(computedFormValues);
-          _computeFormValues.current = computedFormValues;
-        }
-      } else {
-        updateValue(formValues);
-      }
-    }
-  }, [control._formValues, control._names, disabled, name]);
-  useIsomorphicLayoutEffect(() => {
-    if (_prevControl.current !== control || !deepEqual(_prevName.current, name)) {
-      _prevControl.current = control;
-      _prevName.current = name;
-      refreshValue();
-    }
-    return control._subscribe({
-      name,
-      formState: {
-        values: true
-      },
-      exact,
-      callback: (formState) => {
-        refreshValue(formState.values);
-      }
-    });
-  }, [control, exact, name, refreshValue]);
-  import_react.default.useEffect(() => control._removeUnmounted());
-  const controlChanged = _prevControl.current !== control;
-  const prevName = _prevName.current;
-  const computedOutput = import_react.default.useMemo(() => {
-    if (disabled) {
-      return null;
-    }
-    const nameChanged = !controlChanged && !deepEqual(prevName, name);
-    const shouldReturnImmediate = controlChanged || nameChanged;
-    return shouldReturnImmediate ? getCurrentOutput() : null;
-  }, [disabled, controlChanged, name, prevName, getCurrentOutput]);
-  return computedOutput !== null ? computedOutput : value;
-}
-function useController(props) {
-  const formControl = useFormControlContext();
-  const { name, disabled, control = formControl, shouldUnregister, defaultValue, exact = true } = props;
-  const isArrayField = !!getFieldArrayParentNames(control._names.array, name).length;
-  const defaultValueMemo = import_react.default.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
-  const value = useWatch({
-    control,
-    name,
-    defaultValue: defaultValueMemo,
-    exact
-  });
-  const formState = useFormState({
-    control,
-    name,
-    exact
-  });
-  const _props = import_react.default.useRef(props);
-  const _registerProps = import_react.default.useRef(control.register(name, __spreadValues(__spreadProps(__spreadValues({}, props.rules), {
-    value
-  }), isBoolean(props.disabled) ? { disabled: props.disabled } : {})));
-  _props.current = props;
-  const fieldState = import_react.default.useMemo(() => Object.defineProperties({}, {
-    invalid: {
-      enumerable: true,
-      get: () => !!get(formState.errors, name)
-    },
-    isDirty: {
-      enumerable: true,
-      get: () => !!get(formState.dirtyFields, name)
-    },
-    isTouched: {
-      enumerable: true,
-      get: () => !!get(formState.touchedFields, name)
-    },
-    isValidating: {
-      enumerable: true,
-      get: () => !!get(formState.validatingFields, name)
-    },
-    error: {
-      enumerable: true,
-      get: () => get(formState.errors, name)
-    }
-  }), [formState, name]);
-  const onChange = import_react.default.useCallback((event) => _registerProps.current.onChange({
-    target: {
-      value: getEventValue(event),
-      name
-    },
-    type: EVENTS.CHANGE
-  }), [name]);
-  const onBlur = import_react.default.useCallback(() => _registerProps.current.onBlur({
-    target: {
-      value: get(control._formValues, name),
-      name
-    },
-    type: EVENTS.BLUR
-  }), [name, control._formValues]);
-  const ref = import_react.default.useCallback((elm) => {
-    const field2 = get(control._fields, name);
-    if (field2 && field2._f && elm) {
-      field2._f.ref = {
-        focus: () => isFunction(elm.focus) && elm.focus(),
-        select: () => isFunction(elm.select) && elm.select(),
-        setCustomValidity: (message) => isFunction(elm.setCustomValidity) && elm.setCustomValidity(message),
-        reportValidity: () => isFunction(elm.reportValidity) && elm.reportValidity()
-      };
-    }
-  }, [control._fields, name]);
-  const field = import_react.default.useMemo(() => __spreadProps(__spreadValues({
-    name,
-    value
-  }, isBoolean(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {}), {
-    onChange,
-    onBlur,
-    ref
-  }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
-  import_react.default.useEffect(() => {
-    const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-    control.register(name, __spreadValues(__spreadValues({}, _props.current.rules), isBoolean(_props.current.disabled) ? { disabled: _props.current.disabled } : {}));
-    const updateMounted = (name2, value2) => {
-      const field2 = get(control._fields, name2);
-      if (field2 && field2._f) {
-        field2._f.mount = value2;
-      }
-    };
-    updateMounted(name, true);
-    if (_shouldUnregisterField) {
-      const value2 = cloneObject(get(control._defaultValues, name, get(control._options.defaultValues, name, _props.current.defaultValue)));
-      set(control._defaultValues, name, value2);
-      if (isUndefined(get(control._formValues, name))) {
-        set(control._formValues, name, value2);
-      }
-    }
-    !isArrayField && control.register(name);
-    return () => {
-      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
-    };
-  }, [name, control, isArrayField, shouldUnregister]);
-  import_react.default.useEffect(() => {
-    control._setDisabledField({
-      disabled,
-      name
-    });
-  }, [disabled, name, control]);
-  return import_react.default.useMemo(() => ({
-    field,
-    formState,
-    fieldState
-  }), [field, formState, fieldState]);
-}
-var Controller = (props) => props.render(useController(props));
-var HookFormContext = import_react.default.createContext(null);
-HookFormContext.displayName = "HookFormContext";
-var useFormContext = () => import_react.default.useContext(HookFormContext);
-var FormProvider = (props) => {
-  const { children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe } = props;
-  const memoizedValue = import_react.default.useMemo(() => ({
-    watch,
-    getValues,
-    getFieldState,
-    setError,
-    clearErrors,
-    setValue,
-    setValues,
-    trigger,
-    formState,
-    resetField,
-    reset,
-    handleSubmit,
-    unregister,
-    control,
-    register,
-    setFocus,
-    subscribe
-  }), [
-    clearErrors,
-    control,
-    formState,
-    getFieldState,
-    getValues,
-    handleSubmit,
-    register,
-    reset,
-    resetField,
-    setError,
-    setFocus,
-    setValue,
-    setValues,
-    subscribe,
-    trigger,
-    unregister,
-    watch
-  ]);
-  return import_react.default.createElement(
-    HookFormContext.Provider,
-    { value: memoizedValue },
-    import_react.default.createElement(HookFormControlContext.Provider, { value: memoizedValue.control }, children)
-  );
-};
-var defaultOptions = {
-  mode: VALIDATION_MODE.onSubmit,
-  reValidateMode: VALIDATION_MODE.onChange,
-  shouldFocusError: true
-};
+var import_react_hook_form = require("react-hook-form");
 
 // src/components/ui/label.tsx
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React13.forwardRef((_a, ref) => {
+var Label3 = React12.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     LabelPrimitive.Root,
@@ -2016,18 +1601,18 @@ Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Form = FormProvider;
-var FormFieldContext = React14.createContext(
+var Form = import_react_hook_form.FormProvider;
+var FormFieldContext = React13.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React14.useContext(FormFieldContext);
-  const itemContext = React14.useContext(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
+  const fieldContext = React13.useContext(FormFieldContext);
+  const itemContext = React13.useContext(FormItemContext);
+  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -2041,16 +1626,16 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React14.createContext(
+var FormItemContext = React13.createContext(
   {}
 );
-var FormItem = React14.forwardRef((_a, ref) => {
+var FormItem = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React14.useId();
+  const id = React13.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", __spreadValues({ ref, className: cn("", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React14.forwardRef((_a, ref) => {
+var FormLabel = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -2063,7 +1648,7 @@ var FormLabel = React14.forwardRef((_a, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React14.forwardRef((_a, ref) => {
+var FormControl = React13.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -2077,7 +1662,7 @@ var FormControl = React14.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React14.forwardRef((_a, ref) => {
+var FormDescription = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -2090,7 +1675,7 @@ var FormDescription = React14.forwardRef((_a, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React14.forwardRef((_a, ref) => {
+var FormMessage = React13.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const { error, formMessageId } = useFormField();
   const body = error ? String(error == null ? void 0 : error.message) : children;
@@ -2111,12 +1696,12 @@ var FormMessage = React14.forwardRef((_a, ref) => {
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/hover-card.tsx
-var React15 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React15.forwardRef((_a, ref) => {
+var HoverCardContent = React14.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     HoverCardPrimitive.Content,
@@ -2134,9 +1719,9 @@ var HoverCardContent = React15.forwardRef((_a, ref) => {
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
-var React16 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var Input = React16.forwardRef(
+var Input = React15.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -2155,7 +1740,7 @@ var Input = React16.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/menubar.tsx
-var React17 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -2164,7 +1749,7 @@ var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React17.forwardRef((_a, ref) => {
+var Menubar = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenubarPrimitive.Root,
@@ -2178,7 +1763,7 @@ var Menubar = React17.forwardRef((_a, ref) => {
   );
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React17.forwardRef((_a, ref) => {
+var MenubarTrigger = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenubarPrimitive.Trigger,
@@ -2192,7 +1777,7 @@ var MenubarTrigger = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React17.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     MenubarPrimitive.SubTrigger,
@@ -2212,7 +1797,7 @@ var MenubarSubTrigger = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React17.forwardRef((_a, ref) => {
+var MenubarSubContent = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenubarPrimitive.SubContent,
@@ -2226,7 +1811,7 @@ var MenubarSubContent = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React17.forwardRef(
+var MenubarContent = React16.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -2245,7 +1830,7 @@ var MenubarContent = React17.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React17.forwardRef((_a, ref) => {
+var MenubarItem = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenubarPrimitive.Item,
@@ -2260,7 +1845,7 @@ var MenubarItem = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React17.forwardRef((_a, ref) => {
+var MenubarCheckboxItem = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     MenubarPrimitive.CheckboxItem,
@@ -2280,7 +1865,7 @@ var MenubarCheckboxItem = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React17.forwardRef((_a, ref) => {
+var MenubarRadioItem = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     MenubarPrimitive.RadioItem,
@@ -2299,7 +1884,7 @@ var MenubarRadioItem = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React17.forwardRef((_a, ref) => {
+var MenubarLabel = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenubarPrimitive.Label,
@@ -2314,7 +1899,7 @@ var MenubarLabel = React17.forwardRef((_a, ref) => {
   );
 });
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React17.forwardRef((_a, ref) => {
+var MenubarSeparator = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenubarPrimitive.Separator,
@@ -2344,12 +1929,12 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-var React18 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var NavigationMenu = React18.forwardRef((_a, ref) => {
+var NavigationMenu = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     NavigationMenuPrimitive.Root,
@@ -2368,7 +1953,7 @@ var NavigationMenu = React18.forwardRef((_a, ref) => {
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React18.forwardRef((_a, ref) => {
+var NavigationMenuList = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     NavigationMenuPrimitive.List,
@@ -2386,7 +1971,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority5.cva)(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React18.forwardRef((_a, ref) => {
+var NavigationMenuTrigger = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     NavigationMenuPrimitive.Trigger,
@@ -2409,7 +1994,7 @@ var NavigationMenuTrigger = React18.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React18.forwardRef((_a, ref) => {
+var NavigationMenuContent = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     NavigationMenuPrimitive.Content,
@@ -2424,7 +2009,7 @@ var NavigationMenuContent = React18.forwardRef((_a, ref) => {
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React18.forwardRef((_a, ref) => {
+var NavigationMenuViewport = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     NavigationMenuPrimitive.Viewport,
@@ -2438,7 +2023,7 @@ var NavigationMenuViewport = React18.forwardRef((_a, ref) => {
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React18.forwardRef((_a, ref) => {
+var NavigationMenuIndicator = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     NavigationMenuPrimitive.Indicator,
@@ -2456,13 +2041,13 @@ var NavigationMenuIndicator = React18.forwardRef((_a, ref) => {
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/ui/popover.tsx
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React19.forwardRef((_a, ref) => {
+var PopoverContent = React18.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     PopoverPrimitive.Content,
@@ -2480,10 +2065,10 @@ var PopoverContent = React19.forwardRef((_a, ref) => {
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/progress.tsx
-var React20 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var Progress = React20.forwardRef((_a, ref) => {
+var Progress = React19.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ProgressPrimitive.Root,
@@ -2507,11 +2092,11 @@ var Progress = React20.forwardRef((_a, ref) => {
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/ui/radio-group.tsx
-var React21 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
 var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var RadioGroup4 = React21.forwardRef((_a, ref) => {
+var RadioGroup4 = React20.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     RadioGroupPrimitive.Root,
@@ -2523,7 +2108,7 @@ var RadioGroup4 = React21.forwardRef((_a, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React21.forwardRef((_a, ref) => {
+var RadioGroupItem = React20.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     RadioGroupPrimitive.Item,
@@ -2541,10 +2126,10 @@ var RadioGroupItem = React21.forwardRef((_a, ref) => {
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/ui/scroll-area.tsx
-var React22 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var ScrollArea = React22.forwardRef((_a, ref) => {
+var ScrollArea = React21.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     ScrollAreaPrimitive.Root,
@@ -2561,7 +2146,7 @@ var ScrollArea = React22.forwardRef((_a, ref) => {
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React22.forwardRef((_a, ref) => {
+var ScrollBar = React21.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
@@ -2582,14 +2167,14 @@ var ScrollBar = React22.forwardRef((_a, ref) => {
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/select.tsx
-var React23 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React23.forwardRef((_a, ref) => {
+var SelectTrigger = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     SelectPrimitive.Trigger,
@@ -2608,7 +2193,7 @@ var SelectTrigger = React23.forwardRef((_a, ref) => {
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectContent = React23.forwardRef((_a, ref) => {
+var SelectContent = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     SelectPrimitive.Content,
@@ -2635,7 +2220,7 @@ var SelectContent = React23.forwardRef((_a, ref) => {
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React23.forwardRef((_a, ref) => {
+var SelectLabel = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     SelectPrimitive.Label,
@@ -2646,7 +2231,7 @@ var SelectLabel = React23.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React23.forwardRef((_a, ref) => {
+var SelectItem = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     SelectPrimitive.Item,
@@ -2665,7 +2250,7 @@ var SelectItem = React23.forwardRef((_a, ref) => {
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React23.forwardRef((_a, ref) => {
+var SelectSeparator = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     SelectPrimitive.Separator,
@@ -2678,10 +2263,10 @@ var SelectSeparator = React23.forwardRef((_a, ref) => {
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/separator.tsx
-var React24 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var Separator5 = React24.forwardRef(
+var Separator5 = React23.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -2702,7 +2287,7 @@ var Separator5 = React24.forwardRef(
 Separator5.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/sheet.tsx
-var React25 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_react_icons3 = require("@radix-ui/react-icons");
 var import_class_variance_authority6 = require("class-variance-authority");
@@ -2711,7 +2296,7 @@ var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React25.forwardRef((_a, ref) => {
+var SheetOverlay = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     SheetPrimitive.Overlay,
@@ -2742,7 +2327,7 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React25.forwardRef((_a, ref) => {
+var SheetContent = React24.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SheetPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetOverlay, {}),
@@ -2798,7 +2383,7 @@ var SheetFooter = (_a) => {
   );
 };
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React25.forwardRef((_a, ref) => {
+var SheetTitle = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     SheetPrimitive.Title,
@@ -2809,7 +2394,7 @@ var SheetTitle = React25.forwardRef((_a, ref) => {
   );
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React25.forwardRef((_a, ref) => {
+var SheetDescription = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     SheetPrimitive.Description,
@@ -2838,10 +2423,10 @@ function Skeleton(_a) {
 }
 
 // src/components/ui/slider.tsx
-var React26 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var Slider = React26.forwardRef((_a, ref) => {
+var Slider = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const value = props.value || props.defaultValue;
   const thumbs = value && Array.isArray(value) ? value.length : 1;
@@ -2870,10 +2455,10 @@ var Slider = React26.forwardRef((_a, ref) => {
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/switch.tsx
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var Switch = React27.forwardRef((_a, ref) => {
+var Switch = React26.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     SwitchPrimitives.Root,
@@ -2898,9 +2483,9 @@ var Switch = React27.forwardRef((_a, ref) => {
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/table.tsx
-var React28 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
-var Table = React28.forwardRef((_a, ref) => {
+var Table = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "table",
@@ -2911,12 +2496,12 @@ var Table = React28.forwardRef((_a, ref) => {
   ) });
 });
 Table.displayName = "Table";
-var TableHeader = React28.forwardRef((_a, ref) => {
+var TableHeader = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React28.forwardRef((_a, ref) => {
+var TableBody = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "tbody",
@@ -2927,7 +2512,7 @@ var TableBody = React28.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React28.forwardRef((_a, ref) => {
+var TableFooter = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "tfoot",
@@ -2938,7 +2523,7 @@ var TableFooter = React28.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React28.forwardRef((_a, ref) => {
+var TableRow = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "tr",
@@ -2952,7 +2537,7 @@ var TableRow = React28.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React28.forwardRef((_a, ref) => {
+var TableHead = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "th",
@@ -2966,7 +2551,7 @@ var TableHead = React28.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React28.forwardRef((_a, ref) => {
+var TableCell = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "td",
@@ -2977,7 +2562,7 @@ var TableCell = React28.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React28.forwardRef((_a, ref) => {
+var TableCaption = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "caption",
@@ -2990,11 +2575,11 @@ var TableCaption = React28.forwardRef((_a, ref) => {
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/tabs.tsx
-var React29 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React29.forwardRef((_a, ref) => {
+var TabsList = React28.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     TabsPrimitive.List,
@@ -3008,7 +2593,7 @@ var TabsList = React29.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React29.forwardRef((_a, ref) => {
+var TabsTrigger = React28.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     TabsPrimitive.Trigger,
@@ -3022,7 +2607,7 @@ var TabsTrigger = React29.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React29.forwardRef((_a, ref) => {
+var TabsContent = React28.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     TabsPrimitive.Content,
@@ -3070,9 +2655,9 @@ var TagList = (props) => {
 var tag_list_default = TagList;
 
 // src/components/ui/textarea.tsx
-var React30 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var Textarea = React30.forwardRef(
+var Textarea = React29.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
@@ -3090,13 +2675,13 @@ var Textarea = React30.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/ui/toast.tsx
-var React31 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React31.forwardRef((_a, ref) => {
+var ToastViewport = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ToastPrimitives.Viewport,
@@ -3124,7 +2709,7 @@ var toastVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var Toast = React31.forwardRef((_a, ref) => {
+var Toast = React30.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ToastPrimitives.Root,
@@ -3135,7 +2720,7 @@ var Toast = React31.forwardRef((_a, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React31.forwardRef((_a, ref) => {
+var ToastAction = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ToastPrimitives.Action,
@@ -3149,7 +2734,7 @@ var ToastAction = React31.forwardRef((_a, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React31.forwardRef((_a, ref) => {
+var ToastClose = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ToastPrimitives.Close,
@@ -3166,7 +2751,7 @@ var ToastClose = React31.forwardRef((_a, ref) => {
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React31.forwardRef((_a, ref) => {
+var ToastTitle = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ToastPrimitives.Title,
@@ -3177,7 +2762,7 @@ var ToastTitle = React31.forwardRef((_a, ref) => {
   );
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React31.forwardRef((_a, ref) => {
+var ToastDescription = React30.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ToastPrimitives.Description,
@@ -3190,7 +2775,7 @@ var ToastDescription = React31.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/use-toast.ts
-var React32 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -3285,8 +2870,8 @@ function toast(_a) {
   };
 }
 function useToast() {
-  const [state, setState] = React32.useState(memoryState);
-  React32.useEffect(() => {
+  const [state, setState] = React31.useState(memoryState);
+  React31.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -3322,7 +2907,7 @@ function Toaster() {
 }
 
 // src/components/ui/toggle.tsx
-var React33 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_jsx_runtime37 = require("react/jsx-runtime");
@@ -3346,7 +2931,7 @@ var toggleVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toggle = React33.forwardRef((_a, ref) => {
+var Toggle = React32.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     TogglePrimitive.Root,
@@ -3359,13 +2944,13 @@ var Toggle = React33.forwardRef((_a, ref) => {
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/tooltip.tsx
-var React34 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React34.forwardRef((_a, ref) => {
+var TooltipContent = React33.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     TooltipPrimitive.Content,
@@ -4376,7 +3961,7 @@ var UsersGroup = (_a) => {
 
 // src/components/Shared/CustomTable.tsx
 var import_react_table = require("@tanstack/react-table");
-var import_react2 = require("react");
+var import_react = require("react");
 
 // src/components/Shared/Pagination.tsx
 var import_uuid = require("uuid");
@@ -4479,7 +4064,7 @@ var TableView = ({
   totalCount,
   pageSize
 }) => {
-  const renderHeader = (0, import_react2.useCallback)(() => {
+  const renderHeader = (0, import_react.useCallback)(() => {
     const headerGroups = table.getHeaderGroups();
     return headerGroups.map((headerGroup) => {
       const headers = headerGroup.headers;
@@ -4499,7 +4084,7 @@ var TableView = ({
       }) }, headerGroup.id);
     });
   }, [table]);
-  const renderBody = (0, import_react2.useCallback)(() => {
+  const renderBody = (0, import_react.useCallback)(() => {
     const rows = table.getRowModel().rows;
     return rows.map((row) => {
       const cells = row.getVisibleCells();
@@ -4572,13 +4157,13 @@ var Loader = () => {
 };
 
 // src/components/Shared/Search.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/components/Shared/hooks/useDebounce.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 var useDebounce = (value, delay = 800) => {
-  const [debouncedValue, setDebouncedValue] = (0, import_react3.useState)(value);
-  (0, import_react3.useEffect)(
+  const [debouncedValue, setDebouncedValue] = (0, import_react2.useState)(value);
+  (0, import_react2.useEffect)(
     () => {
       const handler = setTimeout(() => {
         setDebouncedValue(value);
@@ -4594,13 +4179,13 @@ var useDebounce = (value, delay = 800) => {
 };
 
 // src/components/Shared/Input.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/Shared/Label.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 var LabelPrimitive2 = __toESM(require("@radix-ui/react-label"));
 var import_jsx_runtime83 = require("react/jsx-runtime");
-var Label6 = (0, import_react4.forwardRef)((_a, ref) => {
+var Label6 = (0, import_react3.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     LabelPrimitive2.Root,
@@ -4617,7 +4202,7 @@ Label6.displayName = LabelPrimitive2.Root.displayName;
 
 // src/components/Shared/Input.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
-var Input2 = (0, import_react5.forwardRef)(
+var Input2 = (0, import_react4.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     const { label, errMessage, id } = props;
@@ -4642,10 +4227,10 @@ Input2.displayName = "Input";
 // src/components/Shared/Search.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var SearchInput = ({ onUpdate, value }) => {
-  const [searchTerm, setSearchTerm] = (0, import_react6.useState)(value);
-  const ref = (0, import_react6.useRef)(null);
+  const [searchTerm, setSearchTerm] = (0, import_react5.useState)(value);
+  const ref = (0, import_react5.useRef)(null);
   const searchStr = useDebounce(searchTerm);
-  const onSearchEvent = (0, import_react6.useCallback)(
+  const onSearchEvent = (0, import_react5.useCallback)(
     (e) => {
       const target = e.target;
       const { value: value2 } = target;
@@ -4656,10 +4241,10 @@ var SearchInput = ({ onUpdate, value }) => {
     },
     [onUpdate]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (searchStr) onUpdate(searchStr);
   }, [onUpdate, searchStr]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     var _a;
     if (value) {
       (_a = ref.current) == null ? void 0 : _a.focus();
@@ -4676,21 +4261,21 @@ var SearchInput = ({ onUpdate, value }) => {
     }
   ) });
 };
-var Search2 = (0, import_react6.memo)(SearchInput);
+var Search2 = (0, import_react5.memo)(SearchInput);
 
 // src/components/Shared/ThemeChanger.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_lucide_react13 = require("lucide-react");
 
 // src/components/Shared/DropdownMenu.tsx
 var DropdownMenuPrimitive2 = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_lucide_react12 = require("lucide-react");
-var import_react7 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_icons4 = require("@radix-ui/react-icons");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var DropdownMenu2 = DropdownMenuPrimitive2.Root;
 var DropdownMenuTrigger2 = DropdownMenuPrimitive2.Trigger;
-var DropdownMenuSubTrigger2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     DropdownMenuPrimitive2.SubTrigger,
@@ -4710,7 +4295,7 @@ var DropdownMenuSubTrigger2 = import_react7.default.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubTrigger2.displayName = DropdownMenuPrimitive2.SubTrigger.displayName;
-var DropdownMenuSubContent2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuSubContent2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     DropdownMenuPrimitive2.SubContent,
@@ -4724,7 +4309,7 @@ var DropdownMenuSubContent2 = import_react7.default.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent2.displayName = DropdownMenuPrimitive2.SubContent.displayName;
-var DropdownMenuContent2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuContent2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     DropdownMenuPrimitive2.Content,
@@ -4740,7 +4325,7 @@ var DropdownMenuContent2 = import_react7.default.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent2.displayName = DropdownMenuPrimitive2.Content.displayName;
-var DropdownMenuItem2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuItem2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     DropdownMenuPrimitive2.Item,
@@ -4755,7 +4340,7 @@ var DropdownMenuItem2 = import_react7.default.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem2.displayName = DropdownMenuPrimitive2.Item.displayName;
-var DropdownMenuCheckboxItem2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     DropdownMenuPrimitive2.CheckboxItem,
@@ -4775,7 +4360,7 @@ var DropdownMenuCheckboxItem2 = import_react7.default.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuCheckboxItem2.displayName = DropdownMenuPrimitive2.CheckboxItem.displayName;
-var DropdownMenuRadioItem2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     DropdownMenuPrimitive2.RadioItem,
@@ -4794,7 +4379,7 @@ var DropdownMenuRadioItem2 = import_react7.default.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuRadioItem2.displayName = DropdownMenuPrimitive2.RadioItem.displayName;
-var DropdownMenuLabel2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuLabel2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     DropdownMenuPrimitive2.Label,
@@ -4809,7 +4394,7 @@ var DropdownMenuLabel2 = import_react7.default.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel2.displayName = DropdownMenuPrimitive2.Label.displayName;
-var DropdownMenuSeparator2 = import_react7.default.forwardRef((_a, ref) => {
+var DropdownMenuSeparator2 = import_react6.default.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     DropdownMenuPrimitive2.Separator,
@@ -4839,8 +4424,8 @@ DropdownMenuShortcut2.displayName = "DropdownMenuShortcut";
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var themes = ["light", "dark", "cupcake", "dracula"];
 var ThemeSwitcher = () => {
-  const [currTheme, setCurrTheme] = (0, import_react8.useState)("");
-  (0, import_react8.useEffect)(() => {
+  const [currTheme, setCurrTheme] = (0, import_react7.useState)("");
+  (0, import_react7.useEffect)(() => {
     const t = getCurrentSelectedTheme();
     setCurrTheme(t);
     document.documentElement.setAttribute("data-theme", t);
@@ -4934,6 +4519,7 @@ var OldCustomInput = (props) => {
 };
 
 // src/components/Input/MultiSelect.tsx
+var import_react_hook_form2 = require("react-hook-form");
 var import_react_select = __toESM(require("react-select"));
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var MultiSelect = (props) => {
@@ -4946,7 +4532,7 @@ var MultiSelect = (props) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-      Controller,
+      import_react_hook_form2.Controller,
       {
         control: props.control,
         rules: { required: props.isRequired },
@@ -5090,9 +4676,9 @@ var PrimaryButton = (props) => {
 };
 
 // src/components/DesignElements/typography.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
-var LandingTitle = (0, import_react9.forwardRef)(
+var LandingTitle = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5108,7 +4694,7 @@ var LandingTitle = (0, import_react9.forwardRef)(
   }
 );
 LandingTitle.displayName = "LandingTitle";
-var LandingTitleAccent = (0, import_react9.forwardRef)(
+var LandingTitleAccent = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5124,7 +4710,7 @@ var LandingTitleAccent = (0, import_react9.forwardRef)(
   }
 );
 LandingTitleAccent.displayName = "LandingTitleAccent";
-var BigLandingTitle = (0, import_react9.forwardRef)(
+var BigLandingTitle = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5140,7 +4726,7 @@ var BigLandingTitle = (0, import_react9.forwardRef)(
   }
 );
 BigLandingTitle.displayName = "BigLandingTitle";
-var BigLandingTitleAccent = (0, import_react9.forwardRef)(
+var BigLandingTitleAccent = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5156,7 +4742,7 @@ var BigLandingTitleAccent = (0, import_react9.forwardRef)(
   }
 );
 BigLandingTitleAccent.displayName = "BigLandingTitleAccent";
-var H1Design = (0, import_react9.forwardRef)(
+var H1Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5172,7 +4758,7 @@ var H1Design = (0, import_react9.forwardRef)(
   }
 );
 H1Design.displayName = "H1Design";
-var H1AccentDesign = (0, import_react9.forwardRef)(
+var H1AccentDesign = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5188,7 +4774,7 @@ var H1AccentDesign = (0, import_react9.forwardRef)(
   }
 );
 H1AccentDesign.displayName = "H1AccentDesign";
-var H2Design = (0, import_react9.forwardRef)(
+var H2Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5204,7 +4790,7 @@ var H2Design = (0, import_react9.forwardRef)(
   }
 );
 H2Design.displayName = "H2Design";
-var H2AccentDesign = (0, import_react9.forwardRef)(
+var H2AccentDesign = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5220,7 +4806,7 @@ var H2AccentDesign = (0, import_react9.forwardRef)(
   }
 );
 H2AccentDesign.displayName = "H2AccentDesign";
-var H3Design = (0, import_react9.forwardRef)(
+var H3Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5236,7 +4822,7 @@ var H3Design = (0, import_react9.forwardRef)(
   }
 );
 H3Design.displayName = "H3Design";
-var H4Design = (0, import_react9.forwardRef)(
+var H4Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5252,7 +4838,7 @@ var H4Design = (0, import_react9.forwardRef)(
   }
 );
 H4Design.displayName = "H4Design";
-var H5Design = (0, import_react9.forwardRef)(
+var H5Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5268,7 +4854,7 @@ var H5Design = (0, import_react9.forwardRef)(
   }
 );
 H5Design.displayName = "H5Design";
-var H6Design = (0, import_react9.forwardRef)(
+var H6Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5284,7 +4870,7 @@ var H6Design = (0, import_react9.forwardRef)(
   }
 );
 H6Design.displayName = "H6Design";
-var H7Design = (0, import_react9.forwardRef)(
+var H7Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5300,7 +4886,7 @@ var H7Design = (0, import_react9.forwardRef)(
   }
 );
 H7Design.displayName = "H7Design";
-var H8Design = (0, import_react9.forwardRef)(
+var H8Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5316,7 +4902,7 @@ var H8Design = (0, import_react9.forwardRef)(
   }
 );
 H8Design.displayName = "H8Design";
-var H9Design = (0, import_react9.forwardRef)(
+var H9Design = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5332,7 +4918,7 @@ var H9Design = (0, import_react9.forwardRef)(
   }
 );
 H9Design.displayName = "H9Design";
-var Caption = (0, import_react9.forwardRef)((_a, ref) => {
+var Caption = (0, import_react8.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "p",
@@ -5343,7 +4929,7 @@ var Caption = (0, import_react9.forwardRef)((_a, ref) => {
   );
 });
 Caption.displayName = "Caption";
-var Body20sb = (0, import_react9.forwardRef)(
+var Body20sb = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5356,7 +4942,7 @@ var Body20sb = (0, import_react9.forwardRef)(
   }
 );
 Body20sb.displayName = "Body20sb";
-var Body20m = (0, import_react9.forwardRef)(
+var Body20m = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5372,7 +4958,7 @@ var Body20m = (0, import_react9.forwardRef)(
   }
 );
 Body20m.displayName = "Body20m";
-var Body20 = (0, import_react9.forwardRef)(
+var Body20 = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5385,7 +4971,7 @@ var Body20 = (0, import_react9.forwardRef)(
   }
 );
 Body20.displayName = "Body20";
-var Body18sb = (0, import_react9.forwardRef)(
+var Body18sb = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5401,7 +4987,7 @@ var Body18sb = (0, import_react9.forwardRef)(
   }
 );
 Body18sb.displayName = "Body18sb";
-var Body18m = (0, import_react9.forwardRef)(
+var Body18m = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5417,7 +5003,7 @@ var Body18m = (0, import_react9.forwardRef)(
   }
 );
 Body18m.displayName = "Body18m";
-var Body18 = (0, import_react9.forwardRef)(
+var Body18 = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5430,7 +5016,7 @@ var Body18 = (0, import_react9.forwardRef)(
   }
 );
 Body18.displayName = "Body18";
-var Body16sb = (0, import_react9.forwardRef)(
+var Body16sb = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5446,7 +5032,7 @@ var Body16sb = (0, import_react9.forwardRef)(
   }
 );
 Body16sb.displayName = "Body16sb";
-var Body16m = (0, import_react9.forwardRef)(
+var Body16m = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5462,7 +5048,7 @@ var Body16m = (0, import_react9.forwardRef)(
   }
 );
 Body16m.displayName = "Body16m";
-var Body16 = (0, import_react9.forwardRef)(
+var Body16 = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5478,7 +5064,7 @@ var Body16 = (0, import_react9.forwardRef)(
   }
 );
 Body16.displayName = "Body16";
-var Body16it = (0, import_react9.forwardRef)(
+var Body16it = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5491,7 +5077,7 @@ var Body16it = (0, import_react9.forwardRef)(
   }
 );
 Body16it.displayName = "Body16it";
-var Body15sb = (0, import_react9.forwardRef)(
+var Body15sb = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5507,7 +5093,7 @@ var Body15sb = (0, import_react9.forwardRef)(
   }
 );
 Body15sb.displayName = "Body15sb";
-var Body15m = (0, import_react9.forwardRef)(
+var Body15m = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5523,7 +5109,7 @@ var Body15m = (0, import_react9.forwardRef)(
   }
 );
 Body15m.displayName = "Body15m";
-var Body15 = (0, import_react9.forwardRef)(
+var Body15 = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5536,7 +5122,7 @@ var Body15 = (0, import_react9.forwardRef)(
   }
 );
 Body15.displayName = "Body15";
-var Body15it = (0, import_react9.forwardRef)(
+var Body15it = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5549,7 +5135,7 @@ var Body15it = (0, import_react9.forwardRef)(
   }
 );
 Body15it.displayName = "Body15it";
-var Body14sb = (0, import_react9.forwardRef)(
+var Body14sb = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5562,7 +5148,7 @@ var Body14sb = (0, import_react9.forwardRef)(
   }
 );
 Body14sb.displayName = "Body14sb";
-var Body14m = (0, import_react9.forwardRef)(
+var Body14m = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5575,7 +5161,7 @@ var Body14m = (0, import_react9.forwardRef)(
   }
 );
 Body14m.displayName = "Body14m";
-var Body14 = (0, import_react9.forwardRef)(
+var Body14 = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5588,7 +5174,7 @@ var Body14 = (0, import_react9.forwardRef)(
   }
 );
 Body14.displayName = "Body14";
-var Body12sb = (0, import_react9.forwardRef)(
+var Body12sb = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5601,7 +5187,7 @@ var Body12sb = (0, import_react9.forwardRef)(
   }
 );
 Body12sb.displayName = "Body12sb";
-var Body12m = (0, import_react9.forwardRef)(
+var Body12m = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5614,7 +5200,7 @@ var Body12m = (0, import_react9.forwardRef)(
   }
 );
 Body12m.displayName = "Body12m";
-var Body12 = (0, import_react9.forwardRef)(
+var Body12 = (0, import_react8.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -5638,16 +5224,16 @@ var AboutInfoItem = ({ title, description }) => {
 };
 
 // src/components/DesignElements/breadcrumb.tsx
-var React36 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_jsx_runtime96 = require("react/jsx-runtime");
-var Breadcrumb = React36.forwardRef((_a, ref) => {
+var Breadcrumb = React35.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("nav", __spreadValues({ ref, "aria-label": "breadcrumb" }, props));
 });
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React36.forwardRef((_a, ref) => {
+var BreadcrumbList = React35.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "ol",
@@ -5661,7 +5247,7 @@ var BreadcrumbList = React36.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React36.forwardRef((_a, ref) => {
+var BreadcrumbItem = React35.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "li",
@@ -5672,7 +5258,7 @@ var BreadcrumbItem = React36.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React36.forwardRef((_a, ref) => {
+var BreadcrumbLink = React35.forwardRef((_a, ref) => {
   var _b = _a, { asChild, className } = _b, props = __objRest(_b, ["asChild", "className"]);
   const Comp = asChild ? import_react_slot3.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
@@ -5684,7 +5270,7 @@ var BreadcrumbLink = React36.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React36.forwardRef((_a, ref) => {
+var BreadcrumbPage = React35.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "span",
@@ -5742,7 +5328,7 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/DesignElements/button.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react10 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var designButtonVariants = (0, import_class_variance_authority9.cva)(
@@ -5771,7 +5357,7 @@ var designButtonVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var DesignButton = import_react10.default.forwardRef(
+var DesignButton = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -5833,19 +5419,19 @@ var DesignButton = import_react10.default.forwardRef(
 DesignButton.displayName = "DesignButton";
 
 // src/components/DesignElements/carousel.tsx
-var React38 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime98 = require("react/jsx-runtime");
-var CarouselContext = React38.createContext(null);
+var CarouselContext = React37.createContext(null);
 function useCarousel() {
-  const context = React38.useContext(CarouselContext);
+  const context = React37.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React38.forwardRef(
+var Carousel = React37.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       orientation = "horizontal",
@@ -5871,22 +5457,22 @@ var Carousel = React38.forwardRef(
       }),
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React38.useState(false);
-    const [canScrollNext, setCanScrollNext] = React38.useState(false);
-    const onSelect = React38.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React37.useState(false);
+    const [canScrollNext, setCanScrollNext] = React37.useState(false);
+    const onSelect = React37.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React38.useCallback(() => {
+    const scrollPrev = React37.useCallback(() => {
       api == null ? void 0 : api.scrollPrev();
     }, [api]);
-    const scrollNext = React38.useCallback(() => {
+    const scrollNext = React37.useCallback(() => {
       api == null ? void 0 : api.scrollNext();
     }, [api]);
-    const handleKeyDown = React38.useCallback(
+    const handleKeyDown = React37.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -5898,13 +5484,13 @@ var Carousel = React38.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React38.useEffect(() => {
+    React37.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React38.useEffect(() => {
+    React37.useEffect(() => {
       if (!api) {
         return;
       }
@@ -5946,7 +5532,7 @@ var Carousel = React38.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React38.forwardRef((_a, ref) => {
+var CarouselContent = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
@@ -5962,7 +5548,7 @@ var CarouselContent = React38.forwardRef((_a, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React38.forwardRef((_a, ref) => {
+var CarouselItem = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
@@ -5980,7 +5566,7 @@ var CarouselItem = React38.forwardRef((_a, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React38.forwardRef((_a, ref) => {
+var CarouselPrevious = React37.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
@@ -6003,7 +5589,7 @@ var CarouselPrevious = React38.forwardRef((_a, ref) => {
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React38.forwardRef(
+var CarouselNext = React37.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     const { orientation, scrollNext, canScrollNext } = useCarousel();
@@ -6030,11 +5616,11 @@ var CarouselNext = React38.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/DesignElements/checkbox.tsx
-var React39 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var CheckboxPrimitive2 = __toESM(require("@radix-ui/react-checkbox"));
 var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime99 = require("react/jsx-runtime");
-var Checkbox2 = React39.forwardRef((_a, ref) => {
+var Checkbox2 = React38.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     CheckboxPrimitive2.Root,
@@ -6058,11 +5644,11 @@ var Checkbox2 = React39.forwardRef((_a, ref) => {
 Checkbox2.displayName = CheckboxPrimitive2.Root.displayName;
 
 // src/components/DesignElements/cookies.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var Cookies = ({ handleAccept, handleDecline }) => {
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react10.useState)(true);
   const handleClose = () => {
     setIsOpen(false);
   };
@@ -6160,7 +5746,7 @@ var InfoBox = ({ title, text }) => {
 };
 
 // src/components/DesignElements/input.tsx
-var React40 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var designInputVariants = (0, import_class_variance_authority10.cva)(
@@ -6178,7 +5764,7 @@ var designInputVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var DesignInput = React40.forwardRef(
+var DesignInput = React39.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type, variant } = _b, props = __objRest(_b, ["className", "type", "variant"]);
     return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "relative", children: [
@@ -6264,11 +5850,11 @@ var NoResults = () => {
 };
 
 // src/components/DesignElements/radio-group.tsx
-var React41 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
-var DesignRadioGroup = React41.forwardRef((_a, ref) => {
+var DesignRadioGroup = React40.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     RadioGroupPrimitive2.Root,
@@ -6280,7 +5866,7 @@ var DesignRadioGroup = React41.forwardRef((_a, ref) => {
   );
 });
 DesignRadioGroup.displayName = RadioGroupPrimitive2.Root.displayName;
-var DesignRadioGroupItem = React41.forwardRef((_a, ref) => {
+var DesignRadioGroupItem = React40.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     RadioGroupPrimitive2.Item,
@@ -6480,10 +6066,10 @@ var DesignSimpleTag = ({
 };
 
 // src/components/DesignElements/switch.tsx
-var React42 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var SwitchPrimitives2 = __toESM(require("@radix-ui/react-switch"));
 var import_jsx_runtime110 = require("react/jsx-runtime");
-var DesignSwitch = React42.forwardRef((_a, ref) => {
+var DesignSwitch = React41.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     SwitchPrimitives2.Root,
@@ -6509,11 +6095,11 @@ var DesignSwitch = React42.forwardRef((_a, ref) => {
 DesignSwitch.displayName = SwitchPrimitives2.Root.displayName;
 
 // src/components/DesignElements/tag.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime111 = require("react/jsx-runtime");
 var DesignResultTag = ({ tag, name }) => {
-  const [isOpen, setIsOpen] = (0, import_react12.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react11.useState)(true);
   const handleClose = () => {
     setIsOpen(false);
   };
@@ -6564,8 +6150,8 @@ var ResourceTag = ({ tag, type }) => {
 };
 
 // src/components/DesignElements/Notification.tsx
-var import_react13 = require("@headlessui/react");
-var import_react14 = require("react");
+var import_react12 = require("@headlessui/react");
+var import_react13 = require("react");
 var import_outline = require("@heroicons/react/24/outline");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var Notification = ({
@@ -6575,11 +6161,11 @@ var Notification = ({
   setOpen,
   icon
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_react13.Transition.Root, { show: open, as: import_react14.Fragment, "data-component": "Notification", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_react13.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_react12.Transition.Root, { show: open, as: import_react13.Fragment, "data-component": "Notification", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_react12.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-      import_react13.Transition.Child,
+      import_react12.Transition.Child,
       {
-        as: import_react14.Fragment,
+        as: import_react13.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -6590,16 +6176,16 @@ var Notification = ({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex items-center justify-center min-h-full p-4 text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-      import_react13.Transition.Child,
+      import_react12.Transition.Child,
       {
-        as: import_react14.Fragment,
+        as: import_react13.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
         enterTo: "opacity-100 translate-y-0 sm:scale-100",
         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__ */ (0, import_jsx_runtime113.jsxs)(import_react13.Dialog.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: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_react12.Dialog.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__ */ (0, import_jsx_runtime113.jsx)("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
             "button",
             {
@@ -6730,11 +6316,11 @@ var ThreeColumn = ({ tag, content, TagClassName }) => {
 };
 
 // src/components/DesignElements/VersionDisplay.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var VersionDisplay = () => {
-  const [version, setVersion] = (0, import_react15.useState)();
-  (0, import_react15.useEffect)(() => {
+  const [version, setVersion] = (0, import_react14.useState)();
+  (0, import_react14.useEffect)(() => {
     fetch("/version.json").then((res) => {
       if (!res.ok) throw new Error("Version file not found");
       return res.json();
@@ -6748,8 +6334,8 @@ var VersionDisplay = () => {
 };
 
 // src/components/DesignElements/header.tsx
-var import_react16 = require("react");
-var import_react17 = require("@headlessui/react");
+var import_react15 = require("react");
+var import_react16 = require("@headlessui/react");
 var import_outline2 = require("@heroicons/react/24/outline");
 var import_solid2 = require("@heroicons/react/20/solid");
 var import_core3 = require("@geowiki/core");
@@ -6842,8 +6428,8 @@ var DesignHeader = ({
   privacy_policy_url,
   mobile_menu_color
 }) => {
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react16.useState)(false);
-  const [openNotification, setOpenNotification] = (0, import_react16.useState)(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react15.useState)(false);
+  const [openNotification, setOpenNotification] = (0, import_react15.useState)(false);
   let rootPath = "/";
   if (rootUrl) {
     rootPath = rootUrl != null ? rootUrl : "/";
@@ -6923,9 +6509,9 @@ var DesignHeader = ({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react17.Popover.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__ */ (0, import_jsx_runtime120.jsxs)(import_react17.Popover, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react17.Popover.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react16.Popover.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__ */ (0, import_jsx_runtime120.jsxs)(import_react16.Popover, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react16.Popover.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
                     menuItem.text,
                     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                       import_solid2.ChevronDownIcon,
@@ -6935,7 +6521,7 @@ var DesignHeader = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react17.Popover.Panel, { className: "absolute mt-3 bg-white overflow-hidden bg-neutral-content rounded-lg ring-1 ring-gray-900/5 z-[401]", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "p-4 space-y-4 ", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react16.Popover.Panel, { className: "absolute mt-3 bg-white overflow-hidden bg-neutral-content rounded-lg ring-1 ring-gray-900/5 z-[401]", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "p-4 space-y-4 ", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                     "div",
                     {
                       className: "group relative flex rounded-lg text-sm leading-tight",
@@ -7004,7 +6590,7 @@ var DesignHeader = ({
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
-          import_react17.Dialog,
+          import_react16.Dialog,
           {
             as: "div",
             className: "lg:hidden",
@@ -7012,7 +6598,7 @@ var DesignHeader = ({
             onClose: setMobileMenuOpen,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "fixed inset-0 z-10" }),
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react17.Dialog.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__ */ (0, import_jsx_runtime120.jsxs)(import_react16.Dialog.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__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex items-center justify-between p-4", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_core3.Link, { href: rootPath, className: "flex-shrink-0", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "sr-only", style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)" }, children: branding.title }),
@@ -7058,8 +6644,8 @@ var DesignHeader = ({
                     }
                   ) }),
                   mainMenu.map(
-                    (menuItem) => menuItem.subMenu ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react17.Popover, { className: "relative", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react17.Popover.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__ */ (0, import_jsx_runtime120.jsxs)(import_react16.Popover, { className: "relative", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react16.Popover.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__ */ (0, import_jsx_runtime120.jsx)(
                           import_solid2.ChevronDownIcon,
@@ -7069,7 +6655,7 @@ var DesignHeader = ({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react17.Popover.Panel, { className: "relative mt-2 ml-4", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "space-y-3", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react16.Popover.Panel, { className: "relative mt-2 ml-4", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "space-y-3", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                         import_core3.Link,
                         {
                           href: subItem.link,
@@ -7222,12 +6808,12 @@ var HtmlView = (props) => {
 };
 
 // src/components/DesignElements/ResourcesQuickFind.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_core4 = require("@geowiki/core");
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var ResourcesQuickFind = (props) => {
-  const [selectedParent, setSelectedParent] = (0, import_react18.useState)();
-  const [selectedChild, setSelectedChild] = (0, import_react18.useState)();
+  const [selectedParent, setSelectedParent] = (0, import_react17.useState)();
+  const [selectedChild, setSelectedChild] = (0, import_react17.useState)();
   console.log(selectedChild);
   const handleParentChange = (selectedValue) => {
     setSelectedParent(selectedValue);
@@ -7335,17 +6921,17 @@ var ResourcesQuickFind = (props) => {
 };
 
 // src/components/DesignElements/FAQItem.tsx
-var import_react19 = require("@headlessui/react");
+var import_react18 = require("@headlessui/react");
 var import_outline3 = require("@heroicons/react/24/outline");
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var FAQItem = ({ faqs, backgroundColor }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "mx-auto", "data-component": "FAQItem", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("dl", { children: faqs.map((faq) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-    import_react19.Disclosure,
+    import_react18.Disclosure,
     {
       as: "div",
       className: "border-0 border-b border-zinc-300",
       children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react19.Disclosure.Button, { className: "pt-6 flex w-full items-start justify-between text-left lg:pt-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react18.Disclosure.Button, { className: "pt-6 flex w-full items-start justify-between text-left lg:pt-8", children: [
           /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Body20m, { className: `${open ? "pb-0" : "pb-6 lg:pb-8"}`, children: faq.question }),
           /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "ml-6 flex h-7 items-center", children: open ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             import_outline3.MinusSmallIcon,
@@ -7356,7 +6942,7 @@ var FAQItem = ({ faqs, backgroundColor }) => {
           ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_outline3.PlusSmallIcon, { className: "h-6 w-6", "aria-hidden": "true" }) })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
-          import_react19.Disclosure.Panel,
+          import_react18.Disclosure.Panel,
           {
             as: "dd",
             className: `pr-10 ${faq.hint ? "pt-6 pb-8 space-y-6" : "py-6"}`,
@@ -7576,11 +7162,11 @@ var BasicFooter = (props) => {
 };
 
 // src/components/DesignElements/AppItem.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/components/DesignElements/AppItemPopUpView.tsx
-var import_react21 = require("react");
-var import_react22 = require("@headlessui/react");
+var import_react20 = require("react");
+var import_react21 = require("@headlessui/react");
 var import_outline4 = require("@heroicons/react/24/outline");
 var import_core5 = require("@geowiki/core");
 
@@ -7634,10 +7220,10 @@ var ResourceIcon = ({
 };
 
 // src/components/DesignElements/ExpandableText.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime127 = require("react/jsx-runtime");
 var ExpandableText = ({ text, maxLength = 120, show_read_more = false, no_word_wrap = true }) => {
-  const [expanded, setExpanded] = (0, import_react20.useState)(false);
+  const [expanded, setExpanded] = (0, import_react19.useState)(false);
   if (text.length <= maxLength || maxLength == 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: no_word_wrap ? "whitespace-normal" : "whitespace-nowrap", children: [
       " ",
@@ -7689,8 +7275,8 @@ function AppItemPopUpView({
   languages
 }) {
   var _a, _b, _c, _d;
-  const [isNarrowViewport, setIsNarrowViewport] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  const [isNarrowViewport, setIsNarrowViewport] = (0, import_react20.useState)(false);
+  (0, import_react20.useEffect)(() => {
     const mql = window.matchMedia("(max-width: 699px)");
     setIsNarrowViewport(mql.matches);
     const update = (e) => setIsNarrowViewport(e.matches);
@@ -7716,11 +7302,11 @@ 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__ */ (0, import_jsx_runtime128.jsx)(import_react22.Transition.Root, { show: open, as: import_react21.Fragment, "data-component": "AppItemPopUpView", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_react22.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_react21.Transition.Root, { show: open, as: import_react20.Fragment, "data-component": "AppItemPopUpView", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_react21.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
-      import_react22.Transition.Child,
+      import_react21.Transition.Child,
       {
-        as: import_react21.Fragment,
+        as: import_react20.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -7731,9 +7317,9 @@ function AppItemPopUpView({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
-      import_react22.Transition.Child,
+      import_react21.Transition.Child,
       {
-        as: import_react21.Fragment,
+        as: import_react20.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
         enterTo: "opacity-100 translate-y-0 sm:scale-100",
@@ -7741,7 +7327,7 @@ function AppItemPopUpView({
         leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
         leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
         children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
-          import_react22.Dialog.Panel,
+          import_react21.Dialog.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: [
@@ -7875,7 +7461,7 @@ var AppItemPopUpView_default = AppItemPopUpView;
 var import_jsx_runtime129 = require("react/jsx-runtime");
 var AppItem = (props) => {
   var _a;
-  const [open, setOpen] = (0, import_react23.useState)(false);
+  const [open, setOpen] = (0, import_react22.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("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);
@@ -7939,10 +7525,10 @@ var CarouselGalleryItem = ({ text, url }) => {
 };
 
 // src/components/DesignElements/Carousel/CarouselOpen.tsx
-var import_react24 = require("react");
-var import_react25 = require("@headlessui/react");
+var import_react23 = require("react");
+var import_react24 = require("@headlessui/react");
 var import_outline5 = require("@heroicons/react/24/outline");
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var GalleryCarouselOpen = ({
@@ -7951,9 +7537,10 @@ var GalleryCarouselOpen = ({
   open,
   setOpen
 }) => {
-  const [defaultPhoto, setDefaultPhoto] = (0, import_react26.useState)(currentPhoto);
-  const [text, setDefaultText] = (0, import_react26.useState)("");
-  (0, import_react26.useEffect)(() => {
+  const [defaultPhoto, setDefaultPhoto] = (0, import_react25.useState)(currentPhoto);
+  const [text, setDefaultText] = (0, import_react25.useState)("");
+  const [rotation, setRotation] = (0, import_react25.useState)(0);
+  (0, import_react25.useEffect)(() => {
     setDefaultPhoto(currentPhoto);
   }, [currentPhoto]);
   const handlePrevious = () => {
@@ -7974,17 +7561,17 @@ var GalleryCarouselOpen = ({
       setDefaultPhoto({ imageUrl: list[nextIndex].url });
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const foundPhoto = list.find((list2) => list2.url === defaultPhoto.imageUrl);
     if (foundPhoto) {
       setDefaultText(foundPhoto.text);
     }
   }, [defaultPhoto, list]);
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react25.Transition.Root, { show: open, as: import_react24.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react25.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react24.Transition.Root, { show: open, as: import_react23.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_react24.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-      import_react25.Transition.Child,
+      import_react24.Transition.Child,
       {
-        as: import_react24.Fragment,
+        as: import_react23.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -7994,7 +7581,7 @@ var GalleryCarouselOpen = ({
         children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react25.Dialog.Panel, { className: "relative ", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "fixed inset-0 flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react24.Dialog.Panel, { className: "relative ", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "fixed inset-0 flex items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
         "button",
         {
@@ -8013,27 +7600,35 @@ var GalleryCarouselOpen = ({
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex justify-between w-full  ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex justify-between items-center w-full  ", children: [
         /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "button",
           {
             type: "button",
             className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40 ",
             onClick: handlePrevious,
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react20.ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react20.ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white", onClick: () => setRotation(0) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "w-full flex-col flex items-center justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "w-full flex-col flex justify-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
             "img",
             {
               src: defaultPhoto.imageUrl,
               alt: "Description",
-              style: { maxWidth: "100%", maxHeight: "100%" },
+              style: { maxWidth: "95%", maxHeight: "95%", transform: `rotate(${rotation}deg)` },
               className: " h-4/6 w-auto py-4"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Body16, { className: "z-40 text-white", children: text })
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Body16, { className: "z-40 text-white", children: text }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "gap-2 flex flex-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react20.RotateCcw, { className: "h-6 w-6 text-white cursor-pointer", onClick: () => {
+              setRotation(rotation - 90);
+            } }),
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react20.RotateCw, { className: "h-6 w-6 text-white cursor-pointer", onClick: () => {
+              setRotation(rotation + 90);
+            } })
+          ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           "button",
@@ -8041,7 +7636,7 @@ var GalleryCarouselOpen = ({
             type: "button",
             className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40",
             onClick: handleNext,
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react20.ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react20.ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white", onClick: () => setRotation(0) })
           }
         )
       ] }) })
@@ -8050,11 +7645,11 @@ var GalleryCarouselOpen = ({
 };
 
 // src/components/DesignElements/Carousel/CarouselGalleryItemList.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var CarouselItemList = ({ galleryItems }) => {
-  const [open, setOpen] = (0, import_react27.useState)(false);
-  const [selectedItemId, setSelectedItemId] = (0, import_react27.useState)("");
+  const [open, setOpen] = (0, import_react26.useState)(false);
+  const [selectedItemId, setSelectedItemId] = (0, import_react26.useState)("");
   const handleOpenGallery = (id) => {
     setOpen(true);
     setSelectedItemId(id);
@@ -8093,7 +7688,7 @@ var import_jsx_runtime134 = require("react/jsx-runtime");
 var OldButton = ({
   label,
   appearance,
-  compact: compact2 = false,
+  compact = false,
   handleClick,
   loading = false,
   type
@@ -8106,11 +7701,11 @@ var OldButton = ({
         "flex w-full justify-center lg:w-auto text-center uppercase tracking-wide font-semibold text-base md:text-sm border-2 rounded-md",
         // Full-size button
         {
-          "px-8 py-4": compact2 === false
+          "px-8 py-4": compact === false
         },
         // Compact button
         {
-          "px-6 py-2": compact2 === true
+          "px-6 py-2": compact === true
         },
         // Specific to when the button is fully dark
         {
@@ -8137,7 +7732,7 @@ var OldButton = ({
 // src/components/Elements/button-link.tsx
 var import_classnames5 = __toESM(require("classnames"));
 var import_jsx_runtime135 = require("react/jsx-runtime");
-var ButtonContent = ({ button, appearance, compact: compact2 }) => {
+var ButtonContent = ({ button, appearance, compact }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "div",
     {
@@ -8146,11 +7741,11 @@ var ButtonContent = ({ button, appearance, compact: compact2 }) => {
         "block mr-4 w-full lg:w-auto text-center uppercase tracking-wide font-semibold text-base md:text-sm border-2 rounded-md",
         // Full-size button
         {
-          "px-8 py-4": compact2 === false
+          "px-8 py-4": compact === false
         },
         // Compact button
         {
-          "px-6 py-2": compact2 === true
+          "px-6 py-2": compact === true
         },
         // Specific to when the button is fully dark
         {
@@ -8176,9 +7771,9 @@ var ButtonContent = ({ button, appearance, compact: compact2 }) => {
 var ButtonLink = ({
   button,
   appearance,
-  compact: compact2 = false
+  compact = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ButtonContent, { button, appearance, compact: compact2 });
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ButtonContent, { button, appearance, compact });
 };
 
 // src/components/Elements/Error.tsx
@@ -8219,11 +7814,11 @@ var FeatureDisabled = () => {
 };
 
 // src/components/Elements/IframeViewer.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime138 = require("react/jsx-runtime");
 var IframeViewer = ({ html, className }) => {
-  const containerRef = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const containerRef = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     if (containerRef.current) {
       containerRef.current.innerHTML = "";
       const tempDiv = document.createElement("div");
@@ -8443,7 +8038,7 @@ var HeroImage = ({ path, cmsUrl }) => {
 };
 
 // src/components/Hero/HeroImageRightWithAppButtons.tsx
-var import_react29 = require("react");
+var import_react28 = require("react");
 
 // src/components/HeadingTextBlocks/H1BodyButton.tsx
 var import_core6 = require("@geowiki/core");
@@ -8636,8 +8231,8 @@ var H1BodyButtonWithApp = (props) => {
 // src/components/Hero/HeroImageRightWithAppButtons.tsx
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var HeroImageRightWithAppButtons = (props) => {
-  const [description, setDescription] = (0, import_react29.useState)(props.description);
-  (0, import_react29.useEffect)(() => {
+  const [description, setDescription] = (0, import_react28.useState)(props.description);
+  (0, import_react28.useEffect)(() => {
     var _a;
     if (typeof window !== "undefined") {
       const desc = window.innerWidth < 700 ? (_a = props.description) == null ? void 0 : _a.replaceAll("<br>", "") : props.description;